1. 标题样式

h1.Simple default styles for headings

h2.Simple default styles for headings

h3.Simple default styles for headings

h4.Simple default styles for headings

h5.Simple default styles for headings
h6.Simple default styles for headings
<h1>Simple default styles for headings</h1>
<h2>Simple default styles for headings</h2>
<h3>Simple default styles for headings</h3>
<h4>Simple default styles for headings</h4>
<h5>Simple default styles for headings</h5>
<h6>Simple default styles for headings</h6>

2. 提示框

<div class="alert alert-primary" role="alert">A simple primary alert—check it out!</div>
<div class="alert alert-secondary" role="alert">A simple secondary alert—check it out!</div>
<div class="alert alert-success" role="alert">A simple success alert—check it out!</div>
<div class="alert alert-danger" role="alert">A simple danger alert—check it out!</div>
<div class="alert alert-warning" role="alert">A simple warning alert—check it out!</div>
<div class="alert alert-info" role="alert">A simple info alert—check it out!</div>
<div class="alert alert-light" role="alert">A simple light alert—check it out!</div>
<div class="alert alert-dark" role="alert">A simple dark alert—check it out!</div>

3. 按钮样式

PrimarySecondarySuccessdangerwarninginfolightdark

<a class="btn btn-primary" href="#">Primary</a>
<a class="btn btn-secondary" href="#">Secondary</a>
<a class="btn btn-success" href="#">Success</a>
<a class="btn btn-danger" href="#">danger</a>
<a class="btn btn-warning" href="#">warning</a>
<a class="btn btn-info" href="#">info</a>
<a class="btn btn-light" href="#">light</a>
<a class="btn btn-dark" href="#">dark</a>

PrimarySecondarySuccessDangerWarningInfoLightDark

<a class="btn btn-outline-primary" href="#">Primary</a>
<a class="btn btn-outline-secondary" href="#">Secondary</a>
<a class="btn btn-outline-success" href="#">Success</a>
<a class="btn btn-outline-danger" href="#">Danger</a>
<a class="btn btn-outline-warning" href="#">Warning</a>
<a class="btn btn-outline-info" href="#">Info</a>
<a class="btn btn-outline-light" href="#">Light</a>
<a class="btn btn-outline-dark" href="#">Dark</a>