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-fluid 或 row 吗？

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 必须是数字