如何覆蓋 Bootstrap 樣式以自訂其外觀和感覺？

覆蓋 Bootstrap 樣式

如何自訂 Twitter Bootstrap 中的內建樣式？例如，您可能想要變更側邊欄類別的預設左對齊方式以將其顯示在右側。作為使用 HAML 和 SASS 的新手，這可能會帶來挑戰。

解：

簡化的方法是在 Bootstrap 之後合併樣式表。這允許您重新定義和覆蓋 Bootstrap 的規則。例如：

<link rel="stylesheet" href="css/bootstrap.css" />
<link rel="stylesheet" href="css/site-specific.css" />

要在site-specific.css 中將側邊欄移至右側：

.sidebar {
    float: right;
}

即使您使用HAML 和SASS，此技術仍然有效，例如只要您堅持在Bootstrap 樣式表之後聲明重寫樣式的相同原則即可。

以上是如何覆蓋 Bootstrap 樣式以自訂其外觀和感覺？的詳細內容。更多資訊請關注PHP中文網其他相關文章！