bootstrap的用途是什么？原始的網(wǎng)頁設(shè)計出來的頁面太丑了，所以有些人把前端簡單的封裝了一下，讓我們寫出來的頁面更加漂亮。Bootstrap的作用就是這樣的，在沒有美工的前提下也可以設(shè)計出漂亮的前

bootstrap的用途是什么？

原始的網(wǎng)頁設(shè)計出來的頁面太丑了，所以有些人把前端簡單的封裝了一下，讓我們寫出來的頁面更加漂亮。Bootstrap的作用就是這樣的，在沒有美工的前提下也可以設(shè)計出漂亮的前端頁面。

為什么修改了bootstrap的css文件自定義的樣式不起作用？

　　bootstrap已經(jīng)作為前端開發(fā)必不可少的框架之一，應(yīng)用bootstrap使得我們對布局、樣式的設(shè)定變得非常簡單。

　　但bootstrap提供的默認(rèn)樣式往往不能滿足我們的需求，從而定制化bootstrap成為我們經(jīng)常需要做的工作，本文就如何更高效更可維護(hù)地定制bootstrap做一下探討?！　?　　如下圖，在你的button 中加入bootstrap的class: btn btn-primary，就可以將默認(rèn)的button（左邊）變成右邊的樣式?！　】扇绻覀兿霊?yīng)用自己的樣式呢看比如我們想要擁有圓角的button?！　⊥ǔ?，我們可以直接覆蓋bootstrap的樣式?！　∥覀冊谧约旱捻?xiàng)目目錄下新建my-custom.css文件，加入如下代碼： 　　.btn { -webkit-border-radius: 20px -moz-border-radius: 20px border-radius: 20px} 　　 　　將my-custom.css文件引用放到bootstrap.css文件后面，我們定義的btn樣式就會覆蓋原有的樣式（注：這里的‘覆蓋’指的是增量疊加式的覆蓋）。　　　　 　　但這種方法有它的優(yōu)缺點(diǎn)， 　　優(yōu)點(diǎn)：不會改變你的工作流程。你可以快速直接修改你的樣式，即使是你的網(wǎng)站引用了其他的類似bootstrap的框架樣式，你都可以在同一個地方進(jìn)行統(tǒng)一的定制?！　∪秉c(diǎn)：但是對于更徹底的修改(比如重新設(shè)計導(dǎo)航欄)或是非局部的修改(比如修改適用于整個網(wǎng)站的高亮顏色)來說，這樣?xùn)|一塊，西一塊的覆蓋樣式更像是一種打補(bǔ)丁式的解決方案。而且你的新樣式要添加到Bootstrap的默認(rèn)樣式表里，讓本已經(jīng)100 KB的文件越發(fā)臃腫。如果你不僅僅想要做一些覆蓋，那就要考慮一種更具擴(kuò)展性的方法了。　　另一種方法是生成一個自定義構(gòu)建的bootstrap。　　我們可以使用官方的構(gòu)建器，你可以對bootstrap中樣式變量進(jìn)行自定義。如下圖所示：