ट्विटर बूटस्ट्रैप, कंटेनर चौड़ाई

Question

पर गठबंधन मेनू रखें मेरा प्रश्न यह है कि मैं पृष्ठ सामग्री चौड़ाई को संरेखित करने के लिए नेविगेशन सामग्री कैसे प्राप्त कर सकता हूं और 100% नहीं हो सकता। मैं अभी भी काला नौसेना पृष्ठभूमि 100% होना चाहता हूँ। आप इसे एक navbar- निश्चित-शीर्ष के साथ प्राप्त कर सकते हैं, लेकिन मैं नहीं चाहता कि मेरी नौसेना तय हो। आम तौर पर कंटेनर यह आपके लिए करता है, लेकिन इस परिदृश्य में यह सामग्री को ऑटो मार्जिन नहीं करता है।

मेरे पास इस तरह एक नौसेना मेनू है।

<div class="navbar"> 
    <div class="navbar-inner"> 
    <div class="container"> 

     <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     </a> 

      <a class="brand visible-phone visible-tablet" href="#">Brand</a> 

      <div class="nav-collapse"> 
       <ul class="nav"> 
        <li class="active"><a href="#">Item 1</a></li> 
        <li><a href="#">Item 2</a></li> 
        <li><a href="#">Item 3</a></li> 
       </ul> 

      </div> 

    </div> 
    </div> 
</div><!-- END .navbar --> 

Answer 1

मुझे यह पता चला, इसलिए यदि किसी को यहां जानने की आवश्यकता है तो समाधान है। मेरे पास एनवीबार-टॉप आईडी में लपेटा गया मेरा पूरा एनवी है। यह अनुशंसा की जाती है ताकि आप वैश्विक स्तर पर बूटस्ट्रैप को ओवरराइड न करें।

@media (min-width: 1200px) { 
    #navbar-top .container { 
     width:1170px; 
    } 
} 
@media (min-width: 979px) and (max-width: 1200px) { 
    #navbar-top .container { 
     width:960px; 
    } 
} 
@media (min-width: 768px) and (max-width: 979px) { 
    #navbar-top .container { 
     width:744px; 
    } 
} 

यह एनकबर तय नहीं होने पर भी प्रत्येक संकल्प पर चौड़ाई रखने के लिए .container को मजबूर करता है।