滑塊overlaping上導航引導4（移動）

<nav class="navbar navbar-toggleable-lg navbar-light bg-faded justify-  content-center"> 
<div class="container "> 
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarText" aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation"> 
    <span class="navbar-toggler-icon m-auto"></span> 
</button> 

<div class="collapse navbar-collapse" id="navbarText"> 
    <ul class="navbar-nav mr-auto"> 
    <li class="nav-item active mt-5"> 
     <a class="nav-link" href="#">Home <span class="sr-only">(current) </span></a> 
    </li> 
    <li class="nav-item mt-5"> 
    <a class="nav-link" href="#">About Us</a> 
    </li> 
    <li class="nav-item mt-5"> 
    <a class="nav-link" href="#">Gallery</a> 
    </li> 
    </ul> 
    <a class="navbar-brand" href="#"><img src="_images/logo.png" alt="logo"></a> 
    <ul class="navbar-nav ml-auto"> 
    <li class="nav-item active mt-5"> 
     <a class="nav-link" href="#">Services <span class="sr-only">(current)</span></a> 
    </li> 
    <li class="nav-item mt-5"> 
     <a class="nav-link" href="#">Events</a> 
     </li> 
    <li class="nav-item mt-5"> 
    <a class="nav-link" href="#">Contact Us</a> 
    </li> 
    </ul> 

    </div>

滑塊overlaping上導航引導4（移動）

這是我的我用於我的導航

<header> 
    <div id="carouselExampleIndicators" class=" carousel slide" data-ride="carousel"> 
     <ol class="carousel-indicators"> 
      <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li> 
      <li data-target="#carouselExampleIndicators" data-slide-to="1"></li> 
      <li data-target="#carouselExampleIndicators" data-slide-to="2"></li> 
     </ol> 
     <div class="carousel-inner" role="listbox"> 

      <div class="carousel-item active" style="background-image: url('_images/Slider_1.jpg')"> 
       <div class="carousel-caption d-none d-md-block"> 
        <h3>First Slide</h3> 
        <p>This is a description for the first slide.</p> 
       </div> 
      </div> 

      <div class="carousel-item" style="background-image: url('_images/Slider_2.jpg')"> 

       <div class="carousel-caption d-none d-md-block"> 
        <h3>Second Slide</h3> 
        <p>This is a description for the second slide.</p> 
       </div> 
      </div> 

      <div class="carousel-item" style="background-image: url('_images/Slider_3.jpg')"> 
       <div class="carousel-caption d-none d-md-block"> 
        <h3>Third Slide</h3> 
        <p>This is a description for the third slide.</p> 
       </div> 
      </div> 
     </div> 
     <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev"> 
      <span class="carousel-control-prev-icon" aria-hidden="true"></span> 
      <span class="sr-only">Previous</span> 
     </a> 
     <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next"> 
      <span class="carousel-control-next-icon" aria-hidden="true"></span> 
      <span class="sr-only">Next</span> 
     </a> 
    </div> 
</header>

我有問題時，我認爲導航引導代碼我網站在移動在摺疊導航階段滑塊在圈摺疊按鈕的圖標隱藏我是新的引導，所以任何人都有想法如何解決這個問題。遺憾的英語不好

來源

2017-05-05 Kamran Hassan

你能爲同樣的事情創建在線演示還是實時的url – Rahul

www.kamran.tahirhassan.com在mobiel上查看 –

確定在這裏我們去，在HTML這個

刪除類justify-content-center從nav標籤是造成很多的問題，並應用下面的CSS這將解決你的CSS問題

.navbar{ 
    min-height: 60px; 
} 
.navbar .container{ 
    width: 100%; 
}

看img1

來源

2017-05-05 12:06:34 Rahul

滑塊overlaping上導航引導4（移動）

回答

相關問題