下面我就截取以慕课网的案例的代码了：

最近在学bootStrap，在慕课网中有这么一个例子....感觉以后会用到这些代码。保存起来。

<!--[if lt IE 9]>
    
    
    

        body {
            padding-top: 50px;
            padding-bottom: 40px;
            color: #5a5a5a;
        }

        /* 轮播广告 */

        .carousel {
            height: 500px;
            margin-bottom: 60px;
        }

        .carousel .item {
            height: 500px;
            background-color: #000;
        }

        .carousel .item img {
            width: 100%;
        }

        .carousel-caption {
            z-index: 10;
        }

        .carousel-caption p {
            margin-bottom: 20px;
            font-size: 20px;
            line-height: 1.8;
        }

        /* 简介 */

        .summary {
            padding-right: 15px;
            padding-left: 15px;
        }

        .summary .col-md-4 {
            margin-bottom: 20px;
            text-align: center;
        }

        /* 特性 */

        .feature-divider {
            margin: 40px 0;
        }

        .feature {
            padding: 30px 0;
        }

        .feature-heading {
            font-size: 50px;
            color: #2a6496;
        }

        .feature-heading .text-muted {
            font-size: 28px;
        }

        /* 响应式布局 */
        @media (max-width: 768px) {

            .summary {
                padding-right: 3px;
                padding-left: 3px;
            }

            .carousel {
                height: 300px;
                margin-bottom: 30px;
            }

            .carousel .item {
                height: 300px;
            }

            .carousel img {
                min-height: 300px;
            }

            .carousel-caption p {
                font-size: 16px;
                line-height: 1.4;
            }

            .feature-heading {
                font-size: 34px;
            }

            .feature-heading .text-muted {
                font-size: 22px;
            }
        }

        @media (min-width: 992px) {
            .feature-heading {
                margin-top: 120px;
            }
        }
    
<!-- 顶部导航 -->

<!-- 广告轮播 -->

    


        

        

        

        

    

        

            

                

                    
Chrome

                    
Google Chrome，又称Google浏览器，是一个由Google（谷歌）公司开发的网页浏览器。

                    
点我下载
                
            
        
        

            

                

                    
Firefox

                    
Mozilla Firefox，中文名通常称为“火狐”或“火狐浏览器”，是一个开源网页浏览器。

                    
点我下载
                
            
        
        

            

                

                    
Safari

                    
Safari，是苹果计算机的最新操作系统Mac OS X中的浏览器。

                    
点我下载
                
            
        
        

            

                

                    
Opera

                    
Opera浏览器，是一款挪威Opera Software ASA公司制作的支持多页面标签式浏览的网络浏览器。

                    
点我下载
                
            
        
        

            

                

                    
IE

                    
Internet Explorer，简称 IE，是微软公司推出的一款网页浏览器。

                    
点我下载
                
            
        
    
    
    


<!-- 主要内容 -->


    <!-- 简介 -->
    

        

            
Chrome

            
Google Chrome，又称Google浏览器，是一个由Google（谷歌）公司开发的网页浏览器。

            
点我下载
        
        

            
Firefox

            
Mozilla Firefox，中文名通常称为“火狐”或“火狐浏览器”，是一个开源网页浏览器。

            
点我下载
        
        

            
Safari

            
Safari，是苹果计算机的最新操作系统Mac OS X中的浏览器。

            
点我下载
        
    

    <!-- 特性 -->

    


Chrome
        
Firefox
        
Safari
        
Opera
        
IE
    

        

            

                


                    
Google Chrome 使用最广的浏览器


                    
Google Chrome，又称Google浏览器，是一个由Google（谷歌）公司开发的网页浏览器。
                        该浏览器是基于其他开源软件所撰写，包括WebKit，目标是提升稳定性、速度和安全性，并创造出简单且有效率的使用者界面。
                
                

                    

            
        
        

            

                

                    

                


                    
Mozilla Firefox 美丽的狐狸
                    

                    
Mozilla Firefox，中文名通常称为“火狐”或“火狐浏览器”，是一个开源网页浏览器，
                        使用Gecko引擎（非ie内核），支持多种操作系统如Windows、Mac和linux。
                
            
        
        

            

                


                    
Safari Mac用户首选


                    
Safari，是苹果计算机的最新操作系统Mac OS X中的浏览器，使用了KDE的KHTML作为浏览器的运算核心。
                        Safari在2003年1月7日首度发行测试版，并成为Mac OS X v10.3与之后的默认浏览器，也是iPhone与IPAD和iPod touch的指定浏览器。
                
                

                    

            
        
        

            

                

                    

                


                    
Opera 小众但易用
                    

                    
Opera浏览器，是一款挪威Opera Software ASA公司制作的支持多页面标签式浏览的网络浏览器。
                        是跨平台浏览器可以在Windows、Mac和Linux三个操作系统平台上运行。.
                
            
        
        

            

                


                    
IE 你懂的


                    
Internet Explorer，原称Microsoft Internet Explorer(6版本以前)和Windows Internet
                        Explorer(7，8，9，10版本)，
                        简称IE，是美国微软公司推出的一款网页浏览器。它采用的排版引擎(俗称内核)为Trident。
                
                

                    

            
        
    

    <!-- 关于 -->
    

        

            

                

                    ×关闭
                    
关于
                
                

                    
慕课网隶属于北京慕课科技中心(有限合伙)，是一家从事互联网免费教学的网络教育公司。秉承“开拓、创新、公平、分享”的精神，
                        将互联网特性全面的应用在教育领域，致力于为教育机构及求学者打造一站式互动在线教育品牌。
                
                

                    了解了
                
            
        
    

    <!--角标-->
    

Bootstrap 模态框避免点击背景处关闭:

解决方法(摘抄自:http://blog.csdn.net/gloomy_114/article/details/51611734)：

1. 在HTML页面中编写模态框时，在div初始化时添加属性 aria-hidden=”true” data-backdrop=”static”，即可。。
2. 在需要显示模态框，初始化时，$(‘#myModal’).modal({backdrop: ‘static’, keyboard: false}); 其中 ，backdrop：’static’指的是点击背景空白处不被关闭； keyboard:false指的是触发键盘esc事件时不关闭。