如何同时拥有自己的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。