Bootstrap鏈接改變我的CSS代碼

當我在我的HTML鏈接添加引導它改變了我的一些CSS代碼。Bootstrap鏈接改變我的CSS代碼

預引導：

後的自舉：

引導鏈接： CSS代碼改變：

#bannerRodap{ 
    background-color: black; 
    position: fixed;  
    width: 100%; 
    height:80px; 
    top: 88%; 
} 
#bannerRodap p{ 
    position: relative; 
    top: 25%; 
    color: white; 
    text-align: center; 
    font-family: 'Helvetica',sans-serif; 
    font-size:0.8em; 
}

而且除此之外，開機錶帶還在我的柔性盒容器下添加了這件小小的藍色物品。

來源

2016-12-06 Eric Murta

你是什麼意思的「添加」bootstrap到你的鏈接？ – nozzleman

嘗試加載第一個引導程序，然後加載自己的css文件 –

是的，你遇到的CSS變化肯定會發生，這是使用Bootstrap的典型缺點之一。就像名稱本身一樣，框架「Bootstrap」使得它的完整CSS可用於整個項目。真正的問題是bootstrap.css包含的巨大代碼，儘管程序員甚至不需要大部分代碼（超過3000行）。我已經採取了從文件（bootstrap.css）一個很小的片段來解釋：

a { 
    color: #337ab7; 
    text-decoration: none; 
} 
a:hover, 
a:focus { 
    color: #23527c; 
    text-decoration: underline; 
}

這意味着你的項目將有預設的顏色#337ab7所有錨標記（<a>），除非你重寫這種風格你需要在你自己的樣式表中。當你看到項目中的其他元素根據引導CSS改變其行爲，但你真的不希望他們 - 在這種情況下，你需要覆蓋來自bootstrap.css的樣式，只是以一種取消的方式你需要編寫你自己不必要的風格，使其看起來很正常引導樣式。

這就是當你問大多數經驗豐富的UI開發者約引導他們只想去...... ** 厭惡的原因 **

你自己的樣式表開始變得非常的混亂。
HTML變得混亂尤其是當你開始使用自舉的網架結構
大量垃圾代碼（從BS CSS/JS）就在你的項目，即使你永遠不會需要所有這些。

即使包含樣式表的順序幾乎沒有任何區別。在你的情況下，使用Dev Inspector來查看是什麼導致藍色的東西（可能是來自boostrap的陰影）出現&通過覆蓋樣式表中的樣式來刪除它（在這種情況下，應該在bootstrap.css之後包含樣式表）

伊莫，引導應該主要是由那些誰需要引導做他們的項目的外觀&感覺一切都很少定製，做自己使用。如果你有自己的定製，那麼不妨寫下自己從頭開始的CSS，而不包括BS。

來源

2016-12-06 14:12:40

Bootstrap鏈接改變我的CSS代碼

回答

相關問題