twitter bootstrap，行液体内的排液有什么问题

Question

在我的网站中，它会生成动态html，如下所示

<div class="container-fluid">
  <div class="row-fluid">
    <div class="row">      
        some html here ..  
    <div>

     some html here

    <form>
       <div class="row-fluid">
            <div class="span6">
               form elements here ..  

以上html是否有效？我们可以在.row-fluid内找到row或row-fluid吗？

Answer 1

您的代码应该可以工作，但我会编写如下代码：

<div class="container-fluid">
  <div class="row-fluid">
    <div class="spanX">
        <div class="row">      
            <div class="spanX">
                some html here...
            </div>
        </div>
        some html here
        <form class="row-fluid">
            <div class="span6">
                form elements here ..  
            </div>
            <div class="spanY"></div>
        </form>
    </div>
    ...

根据我的经验，最好将row或row-fluid置于container或spanX包装内。

X和Y必须是根据您的网格系统的数字

Answer 2

是的，您可以在.row内嵌套.row-fluid或.row-fluid。您可以在Bootstrap's documentation中找到示例。