如何同时拥有自己的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并编辑它......

例如，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. 创建一个新的样式表，并在 AFTER 引导程序时放置

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


您需要在引导程序之后放置它，以便它可以覆盖已经在引导程序中定义的默认样式，通过级联它们。

1. 直接编辑bootstrap.css，您需要更改样式。