부트 스트랩 탐색 아이콘이 화면에서 사라짐

약간의 도움이 되었기를 바랍니다. 내 부트 스트랩 탐색이 화면의 오른쪽에서 실행 중입니까? 고정 된 오른쪽과 왼쪽 양쪽에 공백이 있었지만 이제는 '도움말'링크가 작동하지 않습니다. 어떤 제안?부트 스트랩 탐색 아이콘이 화면에서 사라짐

index.html을

<div id="header"> 
<!--CSS deals with header image--> 
</div> 
    <h1>Hands on Sports & Holistic Therapy</h1> 

<!--navbar--> 
<nav class="navbar navbar-default navbar-fixed-top"> 
<div class="container-fluid"> 
<div class="navbar-header"> 
    <button type="button" class="navbar-toggle collapsed" data- 
toggle="collapse" data-target="#navbar" aria-expanded="false" aria- 
controls="navbar"> 
    <span class="sr-only">Toggle navigation</span> 
    <span class="icon-bar"></span> 
    <span class="icon-bar"></span> 
    <span class="icon-bar"></span> 
    </button> 
</div> 
    <div id="navbar" class="collapse navbar-collapse"> 
     <ul class="nav navbar-nav"> 
      <li><a href="index.html">Home<span class="sr-only">(current) 
</span></a></li> 
      <li><a href="treatments.html">Treatments</a></li> 
      <li><a href="bookings.html">Bookings</a></li> 
      <li><a href="shop.html">Shop</a></li> 
      </ul> 

    <ul class="nav navbar-nav navbar-right"> 
    <li><a href="login.html">Log In</a></li> 
    <li><a href="checkout.html">Basket<span class="badge">5</span></a></li> 
     <li><a href="account.html"></a></li> 
    <li><a href="contact.html">Contact</a></li> 
    <li><a href="help.html">Help</a></li> 
     </ul> 
    </div> 
</div> 
</nav> 
</head> 
<body>

cssgeneric.css

#header{ 
background:url('banner5.jpg') no-repeat top center; 
background-size: 95%; 
width: 100%; 
height: 200px; 
margin-top: 50px; 
} 
#navbar{ 
background-color: #ccb69b; 
margin-left:-20px; 
margin-right:-15px; 
}`

출처

2017-03-08 Anniee

코드를 정리하여 문제를 나타내는 최소한의 예를 만들 수 있습니다. – ZimSystem

죄송합니다 - 코드를 청소했습니다 - 어쩌면 영향을 미치는지 모르겠습니다. – Anniee

나는 CSS 규칙에서 볼 수있는, 내가 문제입니다 수 있습니다 생각합니다.

@media (min-width: 768px) 
    navbar.less:380 
    .navbar-right { 
    float: right!important; 
    margin-right: -15px; 
}

margin-right : -15px; 가능한 문제입니다. 이 규칙은 부트 스트랩 폴더의 navbar.less에 있습니다.

CSSGeneric.css에서 새 규칙을 변경하고 추가합니다.

/*line 76*/ 
#navbar{ 
    background-color: #ccb69b; 
    margin-left:-20px; 
    margin-right:-15px; 
} 
ul.nav.navbar-nav.navbar-right { 
    margin-right: 0px; 
}

나는 navbar.less와 함께 문제를 해결하기 위해 ul.nav.navbar-nav.navbar 오른쪽을 추가합니다.

도움이 되었기를 바랍니다.

좋은 하루 되세요.

출처

2017-03-08 14:30:02

우수함, 고쳐 주셔서 고마워요! – Anniee

부트 스트랩 탐색 아이콘이 화면에서 사라짐

답변

관련 문제