修改Bootstrap Starter模板

Question

我想在Bootstrap Starter模板的中间添加一个搜索栏，并在右侧添加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上找到css类的bootstrap并使用InspectElemets工具进行实时编辑，在FireFox上使用FireBug AddOnes。

然后在主css引导文件之后将您的更改添加到<style></style>中...

Answer 2

阅读document以学习引导脚手架

对于更改导航栏颜色，如果您不是很认真地修改源文件：

1. Inspect element(Chrome)
2. 在样式面板中，您将看到它的确切位置。

​

1. Go编辑源文件。

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