-1

好的，所以我刚刚开始使用 twitter bootstrap 进行开发。我发现它非常方便且易于使用。但是当涉及到应用我自己的样式和添加我自己的背景颜色、链接颜色、按钮颜色和字体颜色时，这真的很令人沮丧。因此，我需要一些好的和完整的资源或任何解释如何在现有引导框架中添加我们自己的 css 的教程。任何帮助将不胜感激！

4

5 回答 5

2

如果你想自定义 twitter bootstrap 框架的外观，那么：

  1. 始终使用custom.css文件覆盖主 bootstrap.css。
  2. 将其包含在您的 bootstrap.css 下
  3. 总是在引导站点上看到入门。
  4. 看到这个网站引导资源

希望对你有帮助

于 2013-10-13T21:22:52.033 回答
1

字体和颜色可以在引导网页上自定义。添加背景和事物可以通过创建您自己的 custom.css 来实现，该文件可以包含在 bootstrap.css 文件之后。

于 2013-10-13T21:19:09.440 回答
0

您可以在 getbootstrap.com 上自定义您的资源。我建议您阅读他们的组件文档，以便了解所提供的内容并将其与您需要的内容保持一致，这样您就可以避免臃肿的样式表。

chrome 还有一个很棒的工具，可以让你动态编辑 CSS（我发现它比使用 Firefox 的扩展更有用和更快）

于 2013-10-13T21:17:28.340 回答
0

没有冒犯，但是 - 当您仔细阅读时，您会在项目页面上获得所需的所有信息：

在项目页面上有一个小工具，您可以在其中自定义所有 LESS 变量，在GitHub存储库中有一个关于如何从头开始编译 LESS 文件的 README。查看LESS 主页，了解 LESS 实际上是什么。

于 2013-10-13T21:23:46.663 回答
0

您只需要构建一个比 bootstrap 的 CSS 中定义的具有更高特异性的 CSS 选择器。在这里查看很好的解释：http ://www.youtube.com/watch?v=In78mSOHmls

您可以使用内置的Firefox Page Inspector工具来查看应用了哪些规则以及覆盖了哪些规则。（它可以通过按 ++ 快捷方式启动Ctrl，在 Chrome 中它是Shift++ ）iCtrlShiftj

于 2013-10-13T21:39:35.213 回答