Bootstrap 4導航欄斷點

-1

你好傢伙即時嘗試使我的導航欄響應它，但是當我降低決議我的導航欄是在'公司'我已經看到一些職位，但他們都沒有工作，所以我想詢問是否有人知道如何解決這個問題？Bootstrap 4導航欄斷點

我的代碼：

<body> 
    <nav class="navbar navbar-inverse navbar-fixed-top"> 
     <div class="navbar-header"> 
      <div class="row"> 
       <div class="col-xs-12"> 
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#mainNavBar"> 
         <span class="icon-bar"></span> 
         <span class="icon-bar"></span> 
         <span class="icon-bar"></span> 
        </button> 
       </div> 
      </div> 
      <a href="#" class="comp navbar-brand">COMPANY</a> 
     </div> 
    <div class="collapse navbar-collapse" id="mainNavBar"> 
     <ul class="navi nav navbar-nav navbar-right"> 
      <li><a href="#">Home</a></li> 
      <li><a href="#">About</a></li> 
      <li><a href="#">Portfolio</a></li> 
      <li><a href="#">Contact</a></li> 
     <ul> 
    </div> 
    </nav> 
     <center><button type="button" class="learn">Learn more</button></center> 
     <center><p class="how">How did i get started?</p></center> 
     <center><p class="date">2016-2017</p></center> 
</body>

來源

2017-07-01 Choori 02

您需要使用.container或.container-fluid爲您導航欄中包裹內容和房屋引導網格系統。詳情請參閱Containers和Navbar章節。

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> 
 
<!-- Navigation --> 
 
<nav class="navbar navbar-inverse navbar-fixed-top"> 
 
    <div class="container-fluid"> 
 
    <div class="navbar-header"> 
 
     <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#mainNavBar"> 
 
      <span class="icon-bar"></span> 
 
      <span class="icon-bar"></span> 
 
      <span class="icon-bar"></span> 
 
     </button> 
 
    </div> 
 
    <div class="collapse navbar-collapse" id="mainNavBar"> 
 
     <ul class="navi nav navbar-nav navbar-right"> 
 
      <li><a href="#">Home</a></li> 
 
      <li><a href="#">About</a></li> 
 
      <li><a href="#">Portfolio</a></li> 
 
      <li><a href="#">Contact</a></li> 
 
     </ul> 
 
    </div> 
 
    </div> 
 
</nav>

爲了控制導航欄崩潰，使用@grid-float-breakpoint和@grid-float-breakpoint-max LESS變量的點（參見Grid system部分）。您也可以爲Media queries breakpoints設置自定義值。使用customization工具可以獲得自己的Bootstrap版本。

來源

2017-07-01 16:47:45 Alexander

我做到了，但是當我嘗試 –

<導航類=「導航欄導航欄逆導航欄，固定的頂部導航欄中，可切換-SM」> –

它不工作 –

Bootstrap 4導航欄斷點

回答

相關問題