【问题标题】:How do I get a list of twitter bootstrap 3 colors?如何获取 twitter bootstrap 3 颜色列表?
【发布时间】:2014-01-30 14:59:04
【问题描述】:

我正在使用 twitter bootstrap sass 3.0.3.0 gem,它应该对应于最新的 twitter bootstrap 3.0.3。我正在查看较少变量的“自定义”部分,但找不到太多颜色。如何获取 bootstrap 3 提供的颜色列表?

例如,搜索蓝色 bootstrap 3 docs 不会返回任何结果。而在bootsrap 2 docs 搜索蓝色则显示蓝色。

谢谢!

【问题讨论】:

  • 在重新阅读您的问题后更新了我的答案

标签: css twitter-bootstrap-3 bootstrap-sass


【解决方案1】:

他们不再以这种方式命名他们的类或变量,因为他们试图在第 3 版中更加语义化,即根据它的作用而不是它的外观来命名东西。所以@Blue 可能已经变成了@btn-default-color。

从长远来看,这会更好,因为您的实现可能会使其变为绿色,因此@blue 不再充分描述它。不幸的是,除非您知道颜色十六进制代码,否则这会使其变得更加困难。

您始终可以(在现代浏览器中)右键单击您看到的颜色并选择“检查元素”,从右侧的 CSS 代码中窃取颜色,然后在文档中搜索该颜色代码。

http://getbootstrap.com/customize/#less-variables

【讨论】:

  • 如果我想将导航栏涂成“蓝色”,那么我必须使用@btn-bar-color 之类的东西,这仍然很尴尬。或者这有道理?
  • 正确。与 HTML 和 CSS 相关的语义命名是标签、类、ID 和属性,它们描述但不指定它们包含的内容。特别是 Bootstrap 被数百万人重用,他们用自己的颜色值覆盖,但可以在这样的网站上互换谈论它......哦,只需更新 @btn-default-color 并且您的按钮默认颜色会改变,如果他们使用旧的我想说的命名方案只是更新 @blue 并且使用“黑色”事情会很快变得混乱
  • 好的。感谢您花时间解释 erik!
猜你喜欢
  • 1970-01-01
  • 2015-07-09
  • 2013-11-20
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2017-04-02
  • 1970-01-01
相关资源
最近更新 更多