부트 스트랩 navbar에서 이미지/로고 중앙에 배치?

Question

현재 로고가 Navbar의 왼쪽에 있지만, 중간에 표시하고 싶습니다. 나는이 포럼과 구글 검색에서 거의 모든 것을 시도해 보았고 나는 그것을 바꿀 수없는 것처럼 보였다.

는 여기에 대한 코드입니다 :

<div class="navbar navbar-inverse navbar-fixed-top"> 
    <div class="navbar-inner"> 
    <div class="container-fluid"> 
     <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> 
     <a class="brand" href="#"> 
     <img alt="logo.png"src="img/logo.png" style="height:60px;>   

</div> 

감사합니다, 여기에

Answer 1

도구 모음의 중앙에 로고를두고 샘플입니다 http://jsbin.com/efagoj/1/edit.

float: none; margin: 0 auto;을 a 태그에 .brand 클래스로 지정하는 것만 변경하면됩니다. 부트 스트랩 .brand에 float: left;이 있기 때문에 float: none;을 추가합니다. 그런 식으로하고 싶지는 않습니다. margin: 0 auto;은 링크의 중심에 있습니다.

또한 container-fluid으로 div에 text-align: center;을 추가해야합니다.