상단에 부트 스트랩 경고를 표시하는 방법

Question

부트 스트랩 경고를 사용하여 성공 및 오류 메시지를 표시하고 있습니다. 나는이 경고를 다른 사람의 위에 덮어 쓰고 싶었다 div. 몇 가지 게시물이 있습니다 (here) 사용하는 것이 좋습니다 postion:fixed 그러나 그것은 나를 위해 작동하지 않습니다. 내 시나리오에서는 두 가지 일이 발생해야합니다.

1> 모든 경고는 다른 div의 맨 위에 있어야합니다. 는 (필자는 경고 때문에 mt-form-panel 클래스의 배경 색상 메신저 설정의 아래에 숨어 내 경우에는 생각한다. 그러나 우리는 콘텐츠 사업부에 대한 몇 가지 배경 색상이 필요) alert-danger

의 상단에있을

2>alert-success 요구

은 내가 JSFiddle here

Answer 1

당신은 전면에 경고를 가져 z-index를 사용할 수 있습니다. 이 같은

뭔가 :

.mt-alerts { 
    position:fixed; 
    z-index: 999; 
} 

Answer 2

사용 z-index:1000는 .mt-alerts이 .mt-form-panel의 상단에 표시 얻을 수 있습니다.

포인트 2의 경우 두 가지 작업을 수행 할 수 있습니다.

)보기에 따르면 한 번에 하나의 경고 만 표시되며 둘 다 함께 표시되지 않는 것으로 보입니다. 이 경우 두 경고에 모두 을 기본값으로 설정하고 해당 코드 조건이 충족되면 다시 display:block으로 설정할 수 있습니다.

B) 여백과 특정 너비와 함께 position:absolute을 사용하여 두 위치를 같은 위치에 배치 할 수 있습니다.