title: Nesting Bootstrap container-fluid
body: <p>I'm building an html page containig various fieldset in main container. Every fieldset contains various input fields. I'm doing in this way:</p>
  
  <pre><code>&lt;form&gt;
    &lt;div class="container-fluid"&gt;
      &lt;fieldset&gt;
        &lt;div class="container-fluid"&gt;
          &lt;div class="row"&gt;
          ...
          &lt;/div&gt;
          &lt;div class="row"&gt;
          ...
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/fieldset&gt;
  
      &lt;fieldset&gt;
        &lt;div class="container-fluid"&gt;
          &lt;div class="row"&gt;
          ...
          &lt;/div&gt;
          &lt;div class="row"&gt;
          ...
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/fieldset&gt;
    &lt;/div&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>I think isn't correct to nest container-fluid but I tried this to get the right external and internal div padding.
  I also tried to remove container-fluid class from external div and setting paddings. The result is also correct but I don't be sure the page is still responsive.
  Is there a way to avoid nesting container-fluid class? Or my solution is accettable?
  Thanks... </p>