下面我就擷取以慕課網的案例的程式碼了：

最近在學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;
            }
        }
    
<!-- 頂部導航 --&gt

<!-- 廣告輪播 --&gt

    


        

        

        

        

    

        

            

                

                    
Chrome

                    
Google Chrome，又稱Google瀏覽器，是一個由Google（谷歌）公司開發的網頁瀏覽器。

                    

                
            
        
        

            

                

                    
Firefox

                    
Mozilla Firefox，中文名通常稱為“火狐”或“火狐瀏覽器”，是一個開源網頁瀏覽器。

                    

                
            
        
        

            

                

                    
Safari

                    
Safari，是蘋果計算機的最新作業系統Mac OS X中的瀏覽器。

                    

                
            
        
        

            

                

                    
Opera

                    
Opera瀏覽器，是一款挪威Opera Software ASA公司製作的支援多頁面標籤式瀏覽的網路瀏覽器。

                    

                
            
        
        

            

                

                    
IE

                    
Internet Explorer，簡稱 IE，是微軟公司推出的一款網頁瀏覽器。

                    

                
            
        
    
    
    


<!-- 主要內容 --&gt


    <!-- 簡介 --&gt
    

        

            
Chrome

            
Google Chrome，又稱Google瀏覽器，是一個由Google（谷歌）公司開發的網頁瀏覽器。

            

        
        

            
Firefox

            
Mozilla Firefox，中文名通常稱為“火狐”或“火狐瀏覽器”，是一個開源網頁瀏覽器。

            

        
        

            
Safari

            
Safari，是蘋果計算機的最新作業系統Mac OS X中的瀏覽器。

            

        
    

    <!-- 特性 --&gt

    



        

        

        

        

    

        

            

                


                    
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。
                
                

                    

            
        
    

    <!-- 關於 --&gt
    

        

            

                

                    ×關閉
                    
關於
                
                

                    
慕課網隸屬於北京慕課科技中心(有限合夥)，是一家從事網際網路免費教學的網路教育公司。秉承“開拓、創新、公平、分享”的精神，
                        將網際網路特性全面的應用在教育領域，致力於為教育機構及求學者打造一站式互動線上教育品牌。
                
                

                    瞭解了
                
            
        
    

    <!--角標--&gt
    

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事件時不關閉。