問題與引導3媒體移動顯示導航欄

我想弄清楚爲什麼我對各種導航欄資產的填充和保證金屬性的更改未能允許菜單在移動設備上正確調整大小。問題與引導3媒體移動顯示導航欄

的jsfiddle是https://jsfiddle.net/phobrla/b9zpbejg/

<html> 
<nav class="navbar navbar-inverse"> 
    <div class="container-fluid"> 
    <!-- Brand and toggle get grouped for better mobile display --> 
    <div class="navbar-header">  

    <!-- Collect the nav links, forms, and other content for toggling --> 
     <ul class="nav navbar-nav"> 
     <li><a href="#">The Burkean<br/>Pentad</a></li> 
     <li class="active"><a href="#">Intro <span class="sr-only">(current)</span></a> </li> 
     <li><a href="#">Act</a></li> 
     <li><a href="#">Scene</a></li> 
     <li><a href="#">Agent</a></li> 
     <li><a href="#">Agency</a></li> 
     <li><a href="#">Purpose</a></li> 
     <li><a href="#">Quiz</a></li> 
     </ul> 
</div> 
    <!-- /.navbar-collapse --> 
    </div> 
    <!-- /.container-fluid --> 
</nav> 
</html>

來源

2016-03-08 Phil Hobrla

纏得.navbar - 反向.navbar默認

商祺！

JSFIDDLE

.navbar-outer .navbar-default{ 
    background:red; 
} 

<div class="navbar-outer"> 
<nav class="navbar navbar-default">

來源

2016-03-08 14:58:02 JMF

問題與引導3媒體移動顯示導航欄

回答

相關問題