css - Bootstrap CDN 自定义 css 初学查询

标签 css twitter-bootstrap navbar

当我们从链接链接我们的相关样式表时,有没有一种方法可以包含自定义 css 文件?

我必须提一下,我刚刚从 bootstrap 下载了入门模板。并将其用作独立页面。我只是做一个普通的静态页面。

<link href="http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css" rel="stylesheet">

我只想更改导航栏的颜色,我想我需要包含一个自定义 CSS。我做了一个,但什么都没有改变。所以我想知道我是否做对了。

这是我的自定义 CSS 链接:

<link href="custom.css" rel="stylesheet" type="text/css">

和我的custom.css 文件

.navbar-inner {
  background-color: #FFFF0A; /* fallback color, place your own */

  /* Gradients for modern browsers, replace as you see fit */
  background-image: -moz-linear-gradient(top, #333333, #222222);
  background-image: -ms-linear-gradient(top, #333333, #222222);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#222222));
  background-image: -webkit-linear-gradient(top, #333333, #222222);
  background-image: -o-linear-gradient(top, #333333, #222222);
  background-image: linear-gradient(top, #333333, #222222);
  background-repeat: repeat-x;

  /* IE8-9 gradient filter */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);
}

最佳答案

您是否检查过您的 css 文件的顺序?你的 custom.css 应该在 bootstrap.css 之后。如果您能粘贴网页的源代码,将会有所帮助。

附言抱歉,我应该把它写在评论中,但我做不到

关于css - Bootstrap CDN 自定义 css 初学查询,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17622903/

相关文章:

javascript - 如何在 Bootstrap 模式的垂直顶部和水平中心显示图像加载器和消息?

html - bootstrap 2 导航栏断点更改

html - Bootstrap 按钮的中心文本或内容

javascript - 在小窗口或移动设备上查看时,我的 Bootstrap 固定顶部导航栏不会显示所有下拉元素

r - navbarPage、Shiny R 中不同 tabPanel 上的相同输入

css - 使文本适合特定行数,可变宽度

css - Flex 网格不为@media 查询调整大小

javascript - Firefox 中的布局行为

jquery - 有哪些选项可以让文本/列表项出现在列中?

css - bootstrap 3 中附加导航栏的奇怪行为