爲什麼它總是有carousel.less，它繼承了我的引導html代碼的樣式代碼

Question

我使用Bootstrap來製作一個Carousel Side頁面。 我試圖更改.Carousel-Caption中的字體。 但字體總是與陰影。

我檢查了代碼，發現它來自.carousel.less文件。 我沒有在我的CSS文件夾中。我怎樣才能阻止它或解決這個問題。

感謝 enter image description here

Answer 1

你可以customize引導預編譯的文件。設置LESS carousel parameters的值並下載自定義版本的Bootstrap。使用none替換@carousel-text-shadow以去除不需要的陰影。
也有可能通過包括到您的網頁另一個CSS文件包含

.carousel-caption { 
    text-shadow: none; 
} 

注意，此文件必須經過bootstrap.css（或bootstrap.min.css）進行inclused 覆蓋Bootstrap樣式。例如：

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"/> 
<link rel="stylesheet" href="mystylesheet.css"/> 

但第一種方式更喜歡。