最近國慶7天 還原某麗說 APP PC端網頁（作業）時 全程使用bootstrap製作 也遇到了以前很少碰到過的問題 bootstrap 本身修改了某些預設樣式 即使在 未給標簽class命名某個bootstrap模板時 某些標簽也被修改過 這樣會容易使某些像我一樣的新手誤以為自己寫的代碼哪裡出了問 ...
最近國慶7天 還原某麗說 APP PC端網頁（作業）時 全程使用bootstrap製作
也遇到了以前很少碰到過的問題
bootstrap 本身修改了某些預設樣式 即使在 未給標簽class命名某個bootstrap模板時 某些標簽也被修改過 這樣會容易使某些像我一樣的新手誤以為自己寫的代碼哪裡出了問題 而浪費很多時間去找一個 沒有錯誤的錯誤 所以在這裡給各位同學做個溫馨提示
例如 fieldset 中 lengd標簽中的文字 應該是水平居中 位於兩側橫線中間 並且垂直居中於橫線
但在用bootstrap寫網頁時 文字會位於 橫線上方 並且橫線沒有被切斷 這是因為bootstrap引入的css文件中 本身已經修改過fieldset lengd樣式
可通過
fieldset {
padding: .35em .625em .75em;;margin: 0 2px;border: 1px solid silver;
}
legend {
padding:.5em;border: 0;width: auto;
}
來還原正常的顯示效果
當然除了fieldset bootstrap還修改了其他的某些預設樣式 由於本人新手上路 其他被修改的標簽還未發現 所以就不一一例舉了
這也是bootstrap使用時的一個小缺點 如果各位 老司機 大牛 有其他被修改過樣式的標簽的例子 歡迎補充 不勝感激
