<p dir="auto">I believe this framework is very well put together and I know its based on LESS but are you thinking about adding an option for the people that use SASS.</p>
<p dir="auto">As of <code class="notranslate">3.0.0</code> you had the ability (albeit undocumented) to use nested containers, as such;</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="&lt;div class=&quot;container&quot;&gt;
    &lt;div class=&quot;row&quot;&gt;
        &lt;div class=&quot;col-md-12 col-lg-10 col-lg-offset-1&quot;&gt;
            &lt;div class=&quot;container&quot;&gt;
                &lt;!-- centered elements here --&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;"><pre class="notranslate"><code class="notranslate">&lt;div class="container"&gt;
    &lt;div class="row"&gt;
        &lt;div class="col-md-12 col-lg-10 col-lg-offset-1"&gt;
            &lt;div class="container"&gt;
                &lt;!-- centered elements here --&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;
</code></pre></div>
<p dir="auto">However as of <code class="notranslate">3.0.3</code> this functionality no longer works and the documention states that nested containers are not supported due to hard coded width's on container media query.</p>
<p dir="auto">I was able to get this working by creating CSS for <code class="notranslate">.container-nested</code>, which duplicates everything from <code class="notranslate">.container</code>, apart from the media queries;</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content=".container-nested {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.container-nested:before,
.container-nested:after {
  display: table;
  content: &quot; &quot;;
}

.container-nested:after {
  clear: both;
}

.container-nested:before,
.container-nested:after {
  display: table;
  content: &quot; &quot;;
}

.container-nested:after {
  clear: both;
}"><pre class="notranslate"><code class="notranslate">.container-nested {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.container-nested:before,
.container-nested:after {
  display: table;
  content: " ";
}

.container-nested:after {
  clear: both;
}

.container-nested:before,
.container-nested:after {
  display: table;
  content: " ";
}

.container-nested:after {
  clear: both;
}
</code></pre></div>
<p dir="auto">I've tested this in IE11/Chrome, and it seems to work fine.</p>
<p dir="auto">Could a core dev please confirm if such functionality would be considered for merge? If so then I'd be happy to submit a PR to add this functionality.</p>