<p dir="auto">why 992px is always there for bootstrap even if i changed it on customize page?</p>
<p dir="auto">btw only ONE 992px are there on bootstrap css file the other is already 1024px:<br>
<a class="user-mention notranslate" data-hovercard-type="organization" data-hovercard-url="/orgs/media/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/media">@media</a> (min-width: 992px) {<br>
.container {<br>
width: 990px;<br>
}<br>
}</p>
<p dir="auto">i already changed it on customize page to 1024px(@screen-md-min)</p>
<p dir="auto">When customizing bootstrap (e.g. <a href="http://getbootstrap.com/customize/?id=7880081" rel="nofollow">http://getbootstrap.com/customize/?id=7880081</a>) and setting<br>
@screen-md-min = 1280px<br>
@screen-lg-min = 1900px<br>
@container-md = ((1220px + @grid-gutter-width))<br>
@container-lg = ((1860px + @grid-gutter-width))</p>
<p dir="auto">it will generate the default @screen-md-min 992px instead of 1280px bootstrap.css (line 700)</p>
<div class="highlight highlight-source-css notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {// WRONG
  .container {
    width: 1250px;
  }
}
@media (min-width: 1900px) {
  .container {
    width: 1890px;
  }
}"><pre class="notranslate"><span class="pl-k">@media</span> (<span class="pl-c1">min-width</span><span class="pl-kos">:</span> <span class="pl-c1">768<span class="pl-smi">px</span></span>) {
  .<span class="pl-c1">container</span> {
    <span class="pl-c1">width</span><span class="pl-kos">:</span> <span class="pl-c1">750<span class="pl-smi">px</span></span>;
  }
}
<span class="pl-k">@media</span> (<span class="pl-c1">min-width</span><span class="pl-kos">:</span> <span class="pl-c1">992<span class="pl-smi">px</span></span>) {<span class="pl-c1">/</span><span class="pl-c1">/</span> WRONG
  .<span class="pl-c1">container</span> {
    <span class="pl-c1">width</span><span class="pl-kos">:</span> <span class="pl-c1">1250<span class="pl-smi">px</span></span>;
  }
}
<span class="pl-k">@media</span> (<span class="pl-c1">min-width</span><span class="pl-kos">:</span> <span class="pl-c1">1900<span class="pl-smi">px</span></span>) {
  .<span class="pl-c1">container</span> {
    <span class="pl-c1">width</span><span class="pl-kos">:</span> <span class="pl-c1">1890<span class="pl-smi">px</span></span>;
  }
}</pre></div>