使用Bootstrap框架,再引入自己的外鏈CSS檔案,會有效果嗎,是否會和框架原樣式衝突?

時間 2021-06-03 03:04:51

1樓:

高票答案SuneBear說的有些不太詳細,題主如果不是太明白的話可以參考這篇文章——如何高效的定製你的 Bootstrap

2樓:

使用boostrap css樣式的時候,你先引入bt.css把它放到meta後面,所有css(你的)放到bt.css之後,會起到一定效果,親測有用。

~~~要不然就在你的css裡面加權重!important

3樓:楠楠950109

遇到了同樣的問題,在引入bootstrap後,在引入自定義的css,可以覆蓋掉一部分bootstrap的樣式,例如字型顏色就可以改變,但是有些也改變不了,別人說是css權重的問題。題主解決了嗎?

4樓:劉迎春

完全可以的,我就按照自己的需要美化了BootStrap預設的標籤頁(tabs),可以參看針對BootStrap中tabs控制項的美化和完善 另外,要注意引入的順序,要使你的樣式在BootStrap樣式之後引入,這樣才會覆蓋,實在不行的話可以直接在元素屬性中加入 style="……"

5樓:Shaopeng

你的問題不是很清楚,你問,引用自己的外鏈css會有效果嗎?我問,你要達到什麼效果?你的外鏈css是要達到哪種目標?

是要改變bootstrap的預設style,還是要定義自己的style?還是其他?

根據你的目標會有不同的解答。

6樓:

不一定有效果,且不一定與原樣式衝突,得看情況。

1、Bootstrap實現響應式的核心是col-xs-*、col-lg-*container-fluid等等這些類,還有這些類中box-sizing:border-boxwidth:width:

66.66666667%等屬性。如果你在你自己的CSS檔案中寫的一些樣式覆蓋(層疊)了以上屬性(box-sizing:

border-boxwidth:width:66.

66666667%),可能就會與原框架產生衝突。

2、如果沒有出現1的情況,也就是說你自己的CSS檔案中沒有涉及到Bootstrap的一些核心類,只是對一些顏色、字型等屬性的新增或者修改,這時候也會涉及到CSS的的覆蓋(層疊)

歸根結底還是CSS的的層疊,所以題主不要動核心類,想修改字型啥的,就老老實實按照CSS的層疊規則,該加!important的加!important,該新增class就加class。

題主多折騰折騰就明白啦。

使用bootstrap框架,當引入響應式CSS自適應螢幕大小時,採取什麼措施保持頁面原來柵格系統的940px的寬度,而不會變「寬」,避免940px的banner大圖發生偏移?

無主題胡扯 我想到的辦法就是將3種都設成一樣,或者將不需要的注釋,重新編譯 Small screen tablet container tablet940px grid gutter width For screen sm min and up.container smcontainer deskt...

直接bootstrap之類的UI框架真的比自己用傳統的css和js寫好麼?

Acute 好不好根據需要吧,要是專案時間比較緊,頁面設計比較簡潔,又要相容一下手機端,用bootstrap寫比你自己寫快多了。要是時間充裕,也只是應用裡面幾個效果,那就自己寫啊。再說,引用的檔案也不多啊,必要的就乙個css乙個js乙個jquery檔案和一套圖示字型。 李家良 如果專案中能用到的只是...

留學中介引知InGeniusPrep和再來人valeon應該選哪個?

新興機構,具體怎麼選擇還是要看你的具體需求,留學是大事最好還是慎重一點,根據你自身的具體情況找適合你的機構。每個機構都是有自己的優勢的,只是每家留學機構的服務方向,服務群體,服務模式,服務特色等等都是各有所長。有的機構做的國家範圍廣,有的機構注重專注度只做乙個國家,有的機構合作院校資源豐富,有的機構...