Bootstrap

时间:2017-06-27 10:33:36

标签: css twitter-bootstrap colors

我没有那么多地使用Bootstrap,只是在这里和那里设置了一些页面上的列等等。

我常常要做的是使用替代样式表的色彩元素,并依靠它为我做的工作。

稍微阅读后,似乎Bootstrap通常更喜欢使用自己的customisation页面来定义颜色,而不是应用程序的专有样式表。

但是,我要确定的是,在Bootstrap中使用 HTML named colours 是否有任何限制(或有问题)。我搜索过谷歌并尝试查看Bootstrap网站,但我没有看到真正的信息(尽管我似乎被谷歌的慌张所淹没)。

2 个答案:

答案 0 :(得分:3)

你好,我希望我理解你的问题。

您可以编辑Bootstrap样式表。 Bootstrap有Color-Classes,如:危险,成功,主要,默认等。 这些应用于HTML类属性,通常如下:<button class="btn btn-success">Green</button>将为我们提供红色文本

$ conda install -c salford_systems gcc-6=6.2.0 Fetching package metadata ........... Solving package specifications: PackageNotFoundError: Dependency missing in current linux-64 channels: - gcc-6 6.2.0* -> isl >=0.17,<=0.17.1 $ conda install -c conda-forge isl=0.17.1 Fetching package metadata ........... Solving package specifications: . UnsatisfiableError: The following specifications were found to be in conflict: - gcc -> isl >=0.10,<=0.14 - isl 0.17.1* Use "conda info <package>" to see the dependencies for each package. 这会给我们一个绿色按钮,它已经由Bootstrap设计,因为第一个“btn”类给按钮一个圆形边框等等。

这些颜色由HTML颜色代码定义,您可以使用HTML颜色名称(如“蓝色”或“红色”)编辑这些颜色代码,或者您可以使用自己的颜色代码。

或者你可以依靠自己的样式表。

答案 1 :(得分:1)

为了更好的可读性和更多的一致性Bootstrap已经将某些情况分类并分配给这种情况一个col ..通常这种颜色与值相关联:

  • 成功
  • 信息
  • 警告
  • 危险
  • 默认

你可以为这种情况指定你喜欢改变相关十六进制代码的颜色..但是如果重要的是保持与不同情况相关的那些

http://getbootstrap.com/css/#tables-contextual-classes

  

通过一些强调实用的颜色来传达意义   类。这些也可以应用于链接,并在悬停时变暗   就像我们的默认链接样式一样。

<p class="text-primary">Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
<p class="text-success">Duis mollis, est non commodo luctus, nisi erat porttitor ligula.</p>
<p class="text-info">Maecenas sed diam eget risus varius blandit sit amet non magna.</p>
<p class="text-warning">Etiam porta sem malesuada magna mollis euismod.</p>
<p class="text-danger">Donec ullamcorper nulla non metus auctor fringilla.</p>