2016-03-08 49 views
0

我正在使用引導程序,並且移動導航的默認值爲768px。我想擴大到979px而不是?我有幾個小時的搜索和嘗試,但沒有運氣。有人可以幫我解決這個問題嗎?如何擴展引導​​程序3.3.6媒體查詢

<nav class="navbar navbar-default navbar-fixed-top"> 
    <div class="container-fluid"> 
     <div class="row"> 
      <div class="col-lg-12"> 
       <div class="col-md-4" style="background-color:coral;"> 
        <div id="divLogo" class="pull-left"> 
         <img src="~/Images/logo.png" /> 
        </div> 
       </div> 
       <div class="col-lg-8" style="background-color:crimson;"> 
        <div id="divMenuRight"> 
         <div class="navbar"> 
          <button type="button" class="navbar-toggle btn btn-navbar-highlight btn-large btn-primary" data-toggle="collapse" data-target=".navbar-collapse"> 
           NAVIGATION <span class="icon-chevron-down icon-white"></span> 
          </button> 

          <div class="navbar-collapse collapse"> 
           <ul class="nav nav-pills ddmenu"> 
            <li class="active">@Html.ActionLink("Home", "Index", "Home")</li> 

            <li class="dropdown"> 
             <a href="#" data-toggle="dropdown" class="dropdown-toggle">Transport <b class="caret"></b></a> 
             <ul class="dropdown-menu"> 
              <li>@Html.ActionLink("Medicin", "Medicin", "Home")</li> 
              <li>@Html.ActionLink("Køl/Varme/Frost", "Temperaturkontrolleret", "Home")</li> 
              <li>@Html.ActionLink("ADR", "ADR", "Home")</li> 
              <li>@Html.ActionLink("Express", "Express", "Home")</li> 
              <li>@Html.ActionLink("Flytninger", "Flytninger", "Home")</li> 
              <li>@Html.ActionLink("SLV", "SLV", "Home")</li> 
              <li>@Html.ActionLink("Dyr", "Dyr", "Home")</li> 
              <li>@Html.ActionLink("Håndvåben", "Weapons", "Home")</li> 
              <li>@Html.ActionLink("England Tur/Retur", "TurRetur", "Home")</li> 
             </ul> 
            </li> 

            <li>@Html.ActionLink("Priser", "Priser", "Home")</li> 
            <li>@Html.ActionLink("Nyheder", "Nyheder", "Home")</li> 
            <li>@Html.ActionLink("Kontakt", "Kontakt", "Home")</li> 
            <li>@Html.ActionLink("Job", "Vognmand", "Home")</li> 
            <li> 
             <a class="hideButtonDk" href="@Url.Action("Change", "Home", new { Lang = "da"})"> 
              <img src="@Url.Content("~/Images/icon_uk.png")" /> 
             </a> 
            </li> 
           </ul> 

          </div> 

         </div> 
        </div> 
       </div> 
     </div> 
    </div> 
</div> 
    </nav> 
+0

可能的複製的[Twitter的引導3如何激活小型設備上的導航欄塌陷](http://stackoverflow.com/questions/23347701/twitter-bootstrap-3-how-to-activate -navbar-collapse-on-small-devices) – makshh

回答

1

您需要從其站點下載自定義的引導版本並更新「媒體查詢斷點」部分的默認值。

將「screen-sm」變量的寬度從768px更新爲所需的值。

enter image description herehttp://getbootstrap.com/customize/

+0

非常感謝您的幫助CountZero :-) – tinaw25