0
안녕 얘들 아,부트 스트랩 Navbar 토글 버튼의 코드 위치를 변경할 수 있습니까?
부트 스트랩 표준 Navbar의 코드 위치를 변경하고 싶습니다.
내 설계 및 코드마다 내 머리글에 2 개의 내비게이션이 있습니다.
그래서 내 Navigation에서 Navbar Toggle 아이콘을 움직여야합니다. 따라서 Toggle 코드를 <nav> </nav>
태그에서 잘라 내고 다른 Navbar 코드에 붙여 넣기해야합니다.
THIS
표준 스트랩 NAVBAR CODE된다.
<nav class="navbar navbar-default"> <div class="container-fluid"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="#">WebSiteName</a> </div> <div class="collapse navbar-collapse" id="myNavbar"> <ul class="nav navbar-nav"> <li class="active"><a href="#">Home</a></li> <li><a href="#">Page 1</a></li> <li><a href="#">Page 2</a></li> <li><a href="#">Page 3</a></li> </ul> <ul class="nav navbar-nav navbar-right"> <li><a href="#"><span class="glyphicon glyphicon-user"></span> Sign Up</a></li> <li><a href="#"><span class="glyphicon glyphicon-log-in"></span> Login</a></li> </ul> </div> </div> </nav>
제가 AND 필요하면 아래와 같이된다.
<nav class="navbar navbar-inverse">
<div class="container-fluid">
<div class="navbar-header">
<!--
// Cut the TOGGLE button
-->
<a class="navbar-brand" href="#">WebSiteName</a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">Page 1</a></li>
<li><a href="#">Page 2</a></li>
<li><a href="#">Page 3</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="#"><span class="glyphicon glyphicon-user"></span> Sign Up</a></li>
<li><a href="#"><span class="glyphicon glyphicon-log-in"></span> Login</a></li>
</ul>
</div>
</div>
</nav>
<div class="persistent-navbar">
<ul>
<li>
<button type="button" class="navbar-toggle"
data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</li>
<li><a href="#">Category</a></li>
<li><a href="#">Login</a></li>
<li><a href="#">Selling</a></li>
<li><a href="#">Wishlist</a></li>
</ul>
</div>
이 확인 또는 잘못 알려 주시기 바랍니다인가 ..?
쿨, 덕분에 짝짓기 : –
감사 @DynamicDesigner, 대답은 도움이 실제로 당신이 찾고 있다면, 받아 들일 수 있도록 표시하십시오. – AHJeebon