bootstrap小笔记 各种组件(轮播图/模态框/菜单监听....)

Bootstrap----部分组件类名的应用

页头:  page-header

巨幕: jumbotron  ( 展示一个网页关键区域)

缩略图: thumbnail(极小的)  (可以做出九宫格的效果) 
    部分代码:<!-- 尽量不要给img设置属性 可以套一个div -->
                        <div class="thumbnail">
                                <img src="jinmu.jpg" alt="" width="300">
                        </div>

警告-弹框 : alert(提示 通知)
        </div><div class="alert alert-warning">
            禁止访问
            <!-- close 布局 给警告框设置了一个关闭的按钮将警告框关闭 -->
            <button class="close" data-dismiss="alert">
                <span>&times;</span>
            </button>
        </div>

内嵌 : well

进度条 : progress  

   该例子添加了条纹,动画,堆叠等效果

 <div class="progress">
        <div class="progress-bar progress-bar-success progress-bar-striped active" style="width: 60%;"> 60%</div>
        <div class="progress-bar progress-bar-danger" style="width: 30%;">30%</div>
        <div class="progress-bar progress-bar-warning" style="width: 10%;">10%</div>
 </div>

媒体对象 : media

                 media-left     右边有margin   

                 medio-body  媒体展示部分(包括media-heading.....media-bottom)

               &nbs