以下引导html结构是否可以接受

以下引导html结构是否可以接受,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,我想知道,如果我们使用带html结构的Bootstrap3执行以下操作,是否有任何问题 <div class="row"> <div> <div class="col-lg-4" ></div> </div> <div> <div class="col-lg-4" ></div> </div

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

     <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>
在阅读了文档和一些示例之后,他们都建议执行以下结构

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

但我们在应用程序中使用angular,每个面板的大小可能会改变,而且每个面板都有自己的控制器,知道何时扩展或不扩展。我已经考虑过控制器或状态管理器,但目前我不知道最终的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>

这个结构很好。但是,您的类名中有一个错误。它应该是‘col-lg-4’

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

编辑: 在重读了这个问题之后,我发现它们不会有固定的尺寸。也许可以考虑实现一个函数来为不同的元素分配不同的大小。 例如


注意:我使用jquery来实现这一点。

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


是的,我知道这一点,这只是一个摘录,我们有所有的样式和一些隐藏的类,以避免在手机上显示它们,因此css继承没有问题,结构也没有类似的问题(我不是设计师)?@Manufones看到更新的答案,这更像你想要的吗?谢谢,是的,我们有一个服务的想法,它将通过一个中介和控制器之间的一些消息来处理angularjs,但让我担心的是,我没有在中找到任何这种结构的例子bootstrap@ManuFunes是的,很公平,如果你找不到你想要的例子,这总是令人畏惧的。记住,尝试和犯错误是最好的学习方式!我不是angular专家,但是引导结构如果可以的话,只要你实现一些东西来添加类来指定你想要的大小,如果你觉得这很有帮助,请随意将它标记为已接受:)如果你作为一个开发人员不了解结构,你就不应该在angular上乱搞。。。
//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');