Laravel覆蓋引導程序模板

因此，我在我的項目中獲得了自定義app.css，並使用了引導程序模板。現在，當我在app.css中創建新的按鈕樣式時，無處不在（每個頁面都有自主模板，其他頁面正在擴展它），但是當我在app.css中覆蓋bootstrap主題時，它不起作用。當我使用相同的代碼覆蓋頁面頂部的引導程序時，使用<style>標記它正在工作。 app.css包含在bootstrap.css中，因此我知道我做錯了什麼？Laravel覆蓋引導程序模板

來源

2017-02-09 Michael

我想說，有一個層次結構，嘗試包括app.css後的bootstrap.css – utdev

@utdev這不會使引導覆蓋我的模板嗎？ – Michael

你可以發佈你的包含部分，所以它變得更加清楚（我們）:) – utdev

嘗試緩存刷新，對於我在Chrome中，我使用Ctrl + Shift + R。

如果這不會產生任何結果，請在Chrome或Firefox上使用內置檢查器查看正在編輯的元素的附加屬性。如果app.css重寫了bootstrap.css，則會看到如下圖所示的內容，顯示app.css位於skin-purple.min.css之上，這意味着app.css是要加載的最新版本。

來源

2017-02-09 14:21:17 mbozwood

看起來像緩存刷新幫助了某種原因！非常感謝！ – Michael

我要說的是，有一個層次時，試着包括bootstrap.css的app.css後，你也可以給那些CSS屬性的!important像這樣：

#bla { 
    display:none !important 
}

但是，這是不是一個好的做法，我認爲，它可能是好的，如果你不重寫很多的bootstrap.css的

你也可以試試這個：

http://bootstrap-live-customizer.com/

來自定義您的引導程序。

來源

2017-02-09 14:11:48 utdev

它最有可能是款式優先問題。我發現this article非常有用，至少了解風格優先級和特定性是什麼。

在你非常情況下，它可能有助於只需使用一類選擇，例如

.mybutton button{ 
    color: blue; 
    font-size: inherit; 
    ... 
}

，並給你的按鈕屬性class="mybutton"。在類定義中，您可以隨意覆蓋任何您想要的內容，並讓其他屬性從Bootstrap繼承。

還有!important規則。然而，它通常被認爲是一種不好的做法，因爲它打破了正常的級聯規則，並使得調試成爲令人難以置信的痛苦任務。

來源

2017-02-09 14:22:41 ibanjo

Laravel覆蓋引導程序模板

回答

相關問題