以下 Bootstrap html 结构是否可以接受答案

【问题标题】：Is the following Bootstrap html structure acceptable以下 Bootstrap html 结构是否可以接受
【发布时间】：2015-05-28 05:14:12
【问题描述】：

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

阅读文档和一些示例后，他们都建议使用以下结构

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

但是我们在我们的应用程序中使用了角度，每个面板的大小可能会发生变化，而且每个面板都有自己的控制器，知道何时展开或不展开。我已经考虑过控制器或状态管理器，但目前我不知道最终的 ui 定义。

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

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

【问题讨论】：

如果您作为开发人员不了解结构，那么您不应该与 Angular 混淆......

标签： html css twitter-bootstrap

【解决方案1】：

这个结构很好。但是，您的班级名称有误。它应该是“col-lg-4”。

使用其他一些 col-- 类来处理在较小的设备/屏幕尺寸上发生的事情也可能是值得的

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

例如

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

【讨论】：

是的我知道，这只是一个摘录，我们有所有的样式和一些隐藏的类，以避免在手机上显示它们所以css继承没有问题，没有类似的（我不是设计师）的结构？
@ManuFunes 查看更新后的答案，是否更像您想要的？
谢谢，是的，我们有一个服务的想法，该服务将通过调解器和控制器之间的一些消息使用 angularjs 处理此问题，但我担心的是我在引导
@ManuFunes 是的，很公平，如果你找不到你想要的例子，那总是令人生畏。请记住，尝试和犯错是最好的学习方式！我不是角度专家，但如果你实现一些东西来添加类来指定你想要的大小，那么引导结构就可以了

【解决方案2】：

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

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

【讨论】：