कोणीय 2 बूटस्ट्रैप 4 नेवबार खड़ी क्षैतिज

Question

जब नहीं निम्नलिखित एक कोणीय 2 रेल पर 5 ट्यूटोरियल कि बूटस्ट्रैप लागू करता है 4 मैं एक नेवबार यह वास्तव में कैसे ट्यूटोरियल पर किया गया है का निर्माण किया है अभी तक किसी भी तरह मेरी नेवबार खड़ी दिखाई देता है जब यह क्षैतिज दिखाई देनी चाहिए प्रदर्शित होने । इस समस्या को ठीक करने के तरीके पर कोई विचार? अग्रिम

<nav class="navbar navbar-fixed-top navbar-light bg-faded"> 
 
    <div class='container'> 
 
     <ul class="nav navbar-nav"> 
 
      <li class='nav-item'> 
 
       <a class='nav-link' routerLink="/home" routerLinkActive="active">Home</a> 
 
      </li> 
 
      <li class='nav-item'> 
 
       <a class='nav-link' routerLink="/documents" routerLinkActive="active">Docs</a> 
 
      </li> 
 
      <li class="nav-item dropdown"> 
 
       <div ngbDropdown class="d-inline-block dropdown-links"> 
 
        <button class="btn btn-outline-primary" id="proposalDropdown" ngbDropdownToggle> 
 
         Proposals 
 
        </button> 
 
        <div class="dropdown-menu" aria-labelledby="proposalDropdown"> 
 
         <a class="dropdown-item" routerLink="/proposals" routerLinkActive="active" [routerLinkActiveOptions]="{ exact: true}">Proposals</a> 
 
         <a class="dropdown-item" routerLink="/proposals/new" routerLinkActive="active">New Proposal</a> 
 
        </div> 
 
       </div> 
 
      </li> 
 
     </ul> 
 
    </div> 
 
</nav>

Answer 1

धन्यवाद nav तत्व को navbar-toggleable-sm (md/lg) जोड़ें यह sm तक क्षैतिज बनाने के लिए, अन्यथा यह ऊर्ध्वाधर हर बार प्रस्तुत करना होगा।

<nav class="navbar navbar-toggleable-sm navbar-fixed-top navbar-light bg-faded"> 

    .... 

</nav> 

Demo Plunker