如何同時擁有自己的style.css和bootstrap？

Question

所以我剛進入Bootstrap，我想使用Bootstrap並使用自己的CSS做我想重新修飾自己的東西。 現在是這樣的：

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

但是，當我將樣式表覆蓋為style.css（我的CSS文件）時，Bootstrap停止工作。 如何使用CSS和Bootstrap設置樣式？ （不使用html中的樣式。）

Answer 1

你應該有這樣的東西。

<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/style.css">

如果您想從引導程序中進行編輯，則可以復制它並進行編輯...

例如， bootstrap.css有這行...

.navbar-default .navbar-nav>li>a {
    color: #777;
}

如果要更改此設置，則應在style.css如下內容

.navbar-default .navbar-nav>li>a {
    color: #fff;
    font-weight: bold; /* plus additional codes if needed */
}

只要確保style.css在bootstrap.css之后就按<link>標簽的順序。

Answer 2

有兩種方法：

1. 創建一個新的樣式表，並在引導后放置

     <link href="css/bootstrap.css" rel="stylesheet"/> <link rel="stylesheet" href="css/style.css" rel="stylesheet"/> 

您需要將其放在引導程序之后的原因，以便它可以通過級聯它們來覆蓋可能已經在引導程序中定義的默認樣式。

1. 直接在需要更改樣式的地方直接編輯bootstrap.css。