2014-12-21 2 views
0

이 메시지가 이미 표시되면 사과하지만 사용자가 디스플레이를 축소하면 내비게이션 센터를 가운데에 놓으려고합니다.센터 네비게이션/소형 디스플레이 브랜드

지금 나는 오른쪽으로 플로팅 한 navbar-item과 큰 디스플레이를위한 왼쪽의 브랜드를 가지고 있습니다. 디스플레이가 축소되면서 왼쪽과 오른쪽에 남아 있습니다.

디스플레이가 축소 될 때 가운데에 배치하고 싶습니다.


이것은 내가 원하는 것입니다. (지금지고있어 무엇) 소형 디스플레이에 대한

Left float/right float for large displays

나는 네비게이션 바에 브랜드가 중심을하고자합니다.

Stacked un-centered for smaller displays

답변

1

그것은 그것을 할 수있는 가장 좋은 방법이 될 수 없습니다 (내가 지금 무엇을 얻고되지 않음),하지만 당신은 단지 대신 이미지를 사용하고 다음에 "중앙 블록"클래스를 적용 할 수

<nav class="navbar navbar-default navbar-fixed-top" role="navigation"> 
    <div class="container"> 
    <div class="navbar-header"> 
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> 
     <span class="sr-only">Toggle navigation</span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     </button> 
     <img class="img-responsive center-block" src="img/logo.png" alt=""> 
    </div> 
+0

흠. 센터 블록이 유용하지만 메뉴를 이미지로 바꾸면 더 많은 문제가 발생할 것이라고 생각합니다. 그러나 제안에 감사드립니다! –

+0

모든 작업이 브랜드를 이미지로 교체하고, 여러 번 사용했지만, 브랜드를 중심으로 사용할 필요가 전혀 없었습니다. img – Dannn

+0

흠. 이것은 작동 할 수도 있지만 ... navbar centering을 해결하지 못합니다. -/ –