修改Bootstrap Starter模板

Question

我想在Bootstrap Starter Template右侧的中间和2个占位符中添加一个搜索栏。我还想改变导航栏的颜色。

最好的方法是什么？

以下是我所参考的模板的链接。

http://twitter.github.com/bootstrap/examples/starter-template.html

Answer 1

这取决于你：

例如，如果你想改变导航栏的颜色（对于webkit-borwser）： 链接到HTML文件头部的引导样式后，添加以下代码：

<style>
.navbar-inverse .navbar-inner {
background-image: -webkit-linear-gradient(top, rgb(0, 163, 255), rgb(31, 92, 158));
}
</style>

您可以在Chrome上使用InspectElemets工具和FireFox borwser上的FireBug AddOnes找到css类引导程序和实时编辑。

然后将您的更改添加到主要css引导程序文件后的<style></style> ...

Answer 2

阅读document以研究Bootstrap脚手架

要更改导航栏颜色，如果您不认真修改源文件：

1. 检查元素（Chrome）
2. 在样式面板中，您将看到它的确切位置。
3. 去编辑源文件。

但是根据这篇文章Twitter Bootstrap Customization Best Practices，他们说如果可能的话，你应该避免对源文件进行更改。因此，您可以创建一个包含修改的新css文件，然后在bootstrap.css之后包含它，而不是编辑源文件