2014-05-08 2 views
0

검색 막대는 탐색 모음 바로 안의 XYZ에 있어야하지만 탐색 막대 아래에 있습니다. 수행해야 할 작업은 무엇입니까? 수행 할검색 막대 아래에 검색 막대가 있습니다.

<div id="bar" class="navbar-inverse navbar-fixed-top"> 
    <div class="container"> 
     <div id="logo"> 
      <a href="main.php">XYZ</a> 
     </div> 
     <div class="col-xs-5"> 
      <form class="navbar-form" role="search"> 
       <div class="input-group"> 
        <input type="text" class="form-control" placeholder="Search" name="srch-term" id="srch-term"> 
        <div class="input-group-btn"> 
         <button class="btn btn-default" type="submit"><span class="glyphicon glyphicon-search"></span> 
         </button> 
        </div> 
       </div> 
      </form> 
     </div> 
    </div> 
</div> 

#bar{ 
    min-width: 800px; 
    background-color: #563d7c; 
    width:100%; 
    height:42px;  
    box-shadow: 0px 3px 25px #888888; 
    position: fixed; 
} 

답변

0

로고를 왼쪽으로 뜨면됩니다.

#logo{float:left;}

+0

버튼이 여전히 아래에 매달려 있습니다. – 13ruce1337

+0

그 문제를 해결하려면 ... 버튼이 div에 있어야 할 필요는 없지만 div에 연결된 클래스가 필요한 경우 div를 span으로 변경하십시오. 또는 float : left를 적용합니다. div에 div가 있습니다. – Ballbin

+0

그러나 검색 막대가 HEIGHTWISE 막대의 가운데에 정확히 오지는 않습니다. 어떻게 할 수 있습니까? – user3452721

0

우선은 div.row.col-xs-5 포장입니다.

게다가 다음 번에 더 나은 데모 데모를 위해 jsfiddle 데모를 첨부하십시오.

+2

이것은 의견이 아니라 답이 아닙니다. – 13ruce1337