前言

为所有开发者、所有应用场景而设计。
Bootstrap 让前端开发更快速、简单。所有开发者都能快速上手、所有设备都可以适配、所有项目都适用。

导航条navbar

navbar-default白底的导航条
navbar-inverse黑底的导航条

按钮btn

<div class="btn-group" role="group" aria-label="...">
  <button type="button" class="btn btn-default">Left</button>
  <button type="button" class="btn btn-default">Middle</button>
  <button type="button" class="btn btn-default">Right</button>
</div>

轮播

<div id="myCarousel" class="carousel slide pad_010 b_k" data-ride="carousel">
    <!-- 轮播（Carousel）指标 -->
    <ol class="carousel-indicators">
        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
        <li data-target="#myCarousel" data-slide-to="1"></li>
        <li data-target="#myCarousel" data-slide-to="2"></li>
    </ol>
    <!-- 轮播（Carousel）项目 -->
    <div class="carousel-inner bor_btm">
        <div class="item active">
            <img src="http://wx1.sinaimg.cn/mw600/0076BSS5ly1g899dgpdbyj30xc0m8juo.jpg">
            <div class="carousel-caption">
                <h4>图一</h4>
            </div>
        </div>
        <div class="item">
            <img src="http://wx4.sinaimg.cn/mw600/0076BSS5ly1g8996zq2w8j31900u0zoe.jpg">
            <div class="carousel-caption">
                <h4>图二</h4>
            </div>
        </div>
        <div class="item">
            <img src="http://wx1.sinaimg.cn/mw600/0076BSS5ly1g8986ev12zj30jg0t64fe.jpg">
            <div class="carousel-caption">
                <h4>图三</h4>
            </div>
        </div>
    </div>
    <!-- 轮播（Carousel）导航 -->
    <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
    <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
</div>

#表格

表单