title: Bootstrap Fluid Container with AngularJS
body: <p>I'm trying to use boostrap 3 along with AngularJS in the following way : </p>
  
  <pre><code>&lt;div class="container-fluid"&gt;
  &lt;div class="col col-md-2 sidebar" ng-controller="NavBarCtrl"&gt;
  &lt;/div&gt;
  &lt;div class="col col-md-10"&gt;
          &lt;div ng-view class="fadeZoom"&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/YN16W.png" alt="enter image description here">
  Inside the 10 columns layout i'm loading a view with Angular. My question is; is it possible to make the content that i'm loading into this div (the 10 columns wide one) to only contain 10 columns and not 12 ? Since my design is based on a 12 columns grid system, i have to refine the positioning in the 10 columns div since the content in this one will be 12 columns wide.</p>
  
  <p>In bootstrap 2.3 there was this thing called Scaffolding which is different in Boostrap 3. 
  E.G: <a href="http://getbootstrap.com/2.3.2/scaffolding.html" rel="nofollow noreferrer">http://getbootstrap.com/2.3.2/scaffolding.html</a> - Scroll down to Fluid layout .
  Thanks.</p>