2014-10-10 112 views
0

首先,我使用表格来排列页面中的一些元素,使用<table><thead> etc ...标签。 然后我发现bootstrap有一个网格系统,我想用它来布局我的元素。这对于布局来说没问题,<div class="row">对于每个<tr>标记和<div class="col-md-12">对于每个<td>标记。Bootstrap Grid的默认样式

但是我想使用bootstrap提供的一些样式,例如可用于此first example的表格。这是可能的还是可用的?

现在我只是得到了布局,但没有像表格示例那样在行之间分隔(例如边框)。我是否以这种错误的方式去做,或者实际上有一种方法可以像时尚一样在表格中设置这个网格,我将如何做到这一点?

+0

请问您可以发布您的HTML代码吗?网格看起来的方式完全取决于您分配给它的类。 – SamHuckaby 2014-10-10 20:04:09

回答

0

如果您想要为boostrap添加更多样式,请在HTML中包含额外的样式表,并为您的HTML元素添加一个额外的类,并在添加的样式表中列出样式。调用它时,将类放在引导类之后。

所以,你的HTML将

<div class="row my_special_style_class"> 
0

如果你正在寻找显示表格数据,用线条和造型你喜欢的引导程序,使用一个表并应用引导提供类(例如<table class="table table-striped"> )。

我喜欢去 http://getbootstrap.com/css/#tables 并使用Chrome DevTools或Firebug来检查它们在页面上的表格示例。它更准确,更重要,而不是阅读他们的解释有时:)

然而,如果你只是有点像线和条纹,但只是布局一页(但不使用表),答案是您必须自己在自己的CSS中实现这些边界。

希望有所帮助。

0

我问后发现相当快,如何实现我想要的。

您只能使用常规html <table class="table">(及相关)标签进行布局,并将col-md-6类型类应用于标题标签。这种方式它被称为表格,但其行为像一个引导网格。

我认为这是需要使用div标签的布局,因为所有我在互联网上看到的例子使用(和说使用)的div标签,而不是表标签。