css - twitter bootstrap，row-fluid里面的row-fluid有什么问题

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

正如我的经验所表明的那样，最好将roworrow-fluid放在其中一个containerorspanX包装器中。

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

Answer 2

是的，您可以在 a 中嵌套 a.row或.row-fluida .row-fluid。您可以在Bootstrap 的文档中找到示例。