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的文檔中找到示例。