twitter-bootstrap - 修改 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 浏览器上的 FireBug AddOnes 找到引导程序的 css 类和实时编辑。

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

Answer 2

阅读文档学习 Bootstrap 脚手架

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

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

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