고정 탐색 전에 div 표시

Question

고정 된 위쪽 막대가 있고 이제이 요소 앞에 메시지를 표시해야합니다.

둘 다 고정되어야합니다. 먼저 경고 메시지를 보낸 다음 메뉴를 누릅니다. 내가 어떻게 할 수 있니?

.panel-msg{ 
     position:absolute; 
     z-index:222222; 
     top:0px; 
    } 

Answer 1

z-index 그래서 수업이 같은 navbar보다 높은 panel-msg 절대 위치와 z-index을 줄 경우에만 위치 가능합니다 navbar navbar-default navbar-fixed-top "당신이 만든 모든 변경 사항을 덮어 쓰고 항상 그 navbar를 맨 위에 놓습니다. "top"이라는 단어를 제거하면 msg 패널이 표시됩니다.

다음은 위의 경고 메시지와 함께 예입니다 : http://jsfiddle.net/sawqv3gp/

그러나 그것은 고정 된 위치입니다 잃는다. 따라서 다른 레이아웃을 사용해보십시오.

"탐색 표시 줄 헤더"를 허용하고 부트 스트랩 알림 기능 (항상 사용자가 알림을 닫을 수 있음)을 사용하도록 디자인을 변경하는 것이 좋습니다.

다음은 예입니다 : http://www.bootply.com/4FSUjc2qej

<div class="alert alert-info" role="alert"> 
<button type="button" class="close" data-dismiss="alert">×</button> 
<strong>Holy guacamole!</strong> Best check yo self, you are looking very good. 

Answer 2

그것은 당신이 사용하는 경우처럼 보인다 "

<div class="panel-msg"> 
    Important message here 
</div> 

<nav id=" mainNav " class="navbar navbar-default navbar-fixed-top " role="navigation "> 
    <div class="container "> 
    <div class="navbar-header "> 
     <h1> 
     demo 
     </h1> 
    </div> 
    </div> 
</nav> 
<div class="demo "> 
</div> 

Demo