所以我是HTML、CSS和bootstrap的新手,我在預(yù)覽中無(wú)法更新我的樣式表的值,這是我的按鈕標(biāo)簽和它的值:
<button class="btn btn-primary btn-xl">Find out More</button>
但是當(dāng)我嘗試在我的CSS中更改btn-xl值的樣式時(shí),
.btn-xl { padding: 1rem 2rem; }
我所做的任何更改都不會(huì)在預(yù)覽中顯示。請(qǐng)有人告訴我我錯(cuò)在哪里?
所以我嘗試檢查我的鏈接,也許在連接我的HTML和CSS的鏈接標(biāo)題中有錯(cuò)誤,但是那里沒(méi)有任何錯(cuò)誤。 我檢查了可能會(huì)沖突的任何拼寫錯(cuò)誤,但這絕對(duì)不是拼寫錯(cuò)誤,所以我完全迷失了。
看起來(lái)你的問(wèn)題是由于Bootstrap覆蓋了值而引起的??赡苁悄闾砑訕邮奖淼捻樞騿?wèn)題,也可能是一個(gè)特異性問(wèn)題。如果你改變類名,就會(huì)變成:
.btn.btn-xl { padding: 1rem 2rem; }
<link rel="stylesheet"/> <button class="btn btn-primary btn-xl">了解更多</button>
如果你想改變所有按鈕的樣式,你可以更新Bootstrap使用的變量來(lái)調(diào)整內(nèi)邊距。