Question

如果我们使用带有html结构的bootstrap 3执行以下操作，我想知道是否有任何问题？

阅读完文档和一些示例后，他们建议执行以下结构

silent

但我们在应用程序中使用角度，每个面板的大小可能会改变，每个面板都有自己的控制器，知道何时扩展。我已经考虑过控制器或州长，但我目前还不知道最终的ui定义。

所以我的问题是以下结构有问题吗？

<div class="row">
   <div class="col-lg-4" ></div>
   <div class="col-lg-4" ></div>
   <div class="col-lg-4" ></div>
</div>

Answer 1

那个结构很好。但是你的班级名称有误。它应该是'col-lg-4'。

使用其他一些col- - 类来处理小型设备/屏幕尺寸上发生的事情也可能需要付出代价

编辑：重新阅读问题后，我发现他们没有固定的尺寸。也许考虑实现一个函数来为不同的元素分配不同的大小。

E.G。

<div class="row">
   <div id="one"></div>
   <div id="two"></div>
   <div id="three"></div>
</div>

现在你可以引用具有不同id的div，并执行以下操作：

//if you want a large middle column with two smaller columns on the side
$('#one).addClass('col-lg-2'); 
$('#two').addClass('col-lg-8');
$('#three).addClass('col-lg-2');

注意：我正在使用jquery。

Answer 2

网格类应为col-lg-4而不是col-lg 4。

http://getbootstrap.com/examples/grid/

以下Bootstrap html结构是否可接受

2 个答案: