html - 如何使用 twitter 引导程序？

Question

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

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

当上面已经有一个类时，如何将我自己的样式应用于上面的标签？

Answer 1

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

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

您可以在引导声明之后定义自定义样式表

<!-- 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>