Question

当然这是一个愚蠢的问题。但是，我的问题是：如何在twitter bootstrap中设置单个div容器的样式？除了默认样式，我如何应用自己的风格？

例如：<div class='span8'></div>

如果已经有一个类，我怎么能将自己的样式应用于上面的标签？

Answer 1

好吧，你可以添加你想要的类：

<div class='span8 myCustomClass'></div>

您可以在bootstrap声明后定义自定义样式表

<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen"/>
<!-- My Style -->
<link href="css/myStyleSheet.css" rel="stylesheet" media="screen"/>

Answer 2

HTML元素可以分配多个类：

<div class='span8 myClass1 myClass2'></div>

当然，您总是可以指定内联样式（不是真的推荐，但有时需要，并且它优先于类样式）：

<div class='span8' style='font-weight:bold;color:red'></div>

Answer 3

必须通过根据您的要求编写所需的css来覆盖span8类。您希望使用现有属性覆盖哪个属性，只需使用css中的！important关键字。

假设： -

   .span8
{
width:200px;
height:100px;
border:1px solid #f00;
}

现在你想要覆盖你所需宽度的宽度，再多做一次

.override_class
{
width:500px!important;
border:1px solid #aaa!important;
}

对于dis的html将是

<div class="span8 override_class"></div>

如何使用twitter bootstrap？

3 个答案: