本篇文章為大家展示了Bootstrap學(xué)習(xí)總匯，代碼簡明扼要并且容易理解，絕對能使你眼前一亮，通過這篇文章的詳細(xì)介紹希望你能有所收獲。

創(chuàng)新互聯(lián)成立與2013年，是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司，擁有項(xiàng)目成都做網(wǎng)站、成都網(wǎng)站建設(shè)、成都外貿(mào)網(wǎng)站建設(shè)網(wǎng)站策劃，項(xiàng)目實(shí)施與項(xiàng)目整合能力。我們以讓每一個(gè)夢想脫穎而出為使命，1280元崆峒做網(wǎng)站,已為上家服務(wù),為崆峒各地企業(yè)和個(gè)人服務(wù),聯(lián)系電話:13518219792

Bootstrap4特點(diǎn)：1.兼容IE10+ 2.使用flexbox 布局 3.拋棄Nomalize.css 4.提供布局和 reboot 版本

Bootstrap組成：1.基礎(chǔ)樣式 2.常用組件 3.JS插件

常見問題：

1.Bootstrap 的優(yōu)缺點(diǎn)

優(yōu)點(diǎn)：CSS 代碼結(jié)構(gòu)合理 ，現(xiàn)成的樣式可以直接用

缺點(diǎn)：定制較為繁瑣，體積大

2.Bootstrap 如何實(shí)現(xiàn)響應(yīng)式布局

原理：通過 media query 設(shè)置不同分辨率的class

使用：為不同分辨率選擇不同的網(wǎng)格class

3.如何基于 Bootstrap 定制自己的樣式

1.使用 css 同名類覆蓋（簡單場景使用）

2.修改源碼重新構(gòu)建

3.引用 scss 源文件，修改變量

知識(shí)點(diǎn)：

1.基本用法

制作簡單登錄頁面

    
    
    
    
    
    


    
注冊
    

        

            姓名
            

                
            
        
        

            密碼
            

                
            
        
        

            電話
            

                
            
        
        

            地址
            

                
            
        
        

             
        
        

            提交
        
    
    

效果圖：

2.Bootstrap JS 組件

基于 jQuery 寫的，可以完成很多交互效果，所以需要引入 jQuery ,還需要引入 Popper.js (庫）和 bootstrap.js

使用方式：1.基于 HTML 的 data-** 屬性  2.基于 JS API

效果圖：

3.Bootstrap 響應(yīng)式布局

代碼示例：

    
    
    
    
    
    


    

        

            
內(nèi)容
            
內(nèi)容
            
內(nèi)容
            
內(nèi)容
            
內(nèi)容
            
內(nèi)容
            
內(nèi)容
            
內(nèi)容
        
    

總共12個(gè)，屏幕尺寸 < 576px時(shí)，每行12個(gè)；768px>=屏幕尺寸>=576px時(shí)，每行6個(gè)；992px>=屏幕尺寸>=768px時(shí)，每行4個(gè)；屏幕尺寸>=992px時(shí)，為每行3個(gè)；

效果圖：

 

4.Bootstrap 定制方法

方法：1.使用 css 同名類覆蓋（簡單場景使用） 2.修改源碼重新構(gòu)建  3.引用 scss 源文件，修改變量

上述內(nèi)容就是Bootstrap學(xué)習(xí)總匯，你們學(xué)到知識(shí)或技能了嗎？如果還想學(xué)到更多技能或者豐富自己的知識(shí)儲(chǔ)備，歡迎關(guān)注創(chuàng)新互聯(lián)成都網(wǎng)站設(shè)計(jì)公司行業(yè)資訊頻道。

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

當(dāng)前標(biāo)題：Bootstrap學(xué)習(xí)總匯-創(chuàng)新互聯(lián)
網(wǎng)站鏈接：http://weahome.cn/article/hdhhh.html