bootstrap導航與可摺疊搜索

Question

我想做一個導航與可摺疊搜索框在bootstrap，就像wordpress二十四個主題導航可以幫助我嗎？ 我想導航這樣的事情，

Answer 1

根據您想怎麼那麼多的資產淨值複製，它實際上只是一些微調，以現有的引導導航。但是因爲複製崩潰條是非常棘手的（對我來說），這是一種使用兩個搜索輸入的方法，一次只顯示一個，具體取決於設備。還有平板電腦+搜索的彈出窗口。

Here's a Bootply

平板電腦上的搜索和較大（hidden-xs隱藏在手機這個搜索欄）：

<a id="example" type="button" class="btn btn-default navbar-btn hidden-xs pull-right btn-link btn-blk" data-toggle="popover" data-placement="bottom" data-html="true" data-content=" 
    <form class='form-inline' role='search'> 
     <div class='form-group'> 
     <input type='email' class='form-control' placeholder='Search'> 
     </div> 
     <button type='submit' class='btn btn-default'>Go!</button> 
    </form>" data-container="body"> 
    <span class="glyphicon glyphicon-search"></span> 
    </a> 

搜索只電話：

<form class="navbar-form navbar-left visible-xs" role="search"> 
    <div class="form-group"> 
     <input type="text" class="form-control" placeholder="Search"> 
    </div> 
    <button type="submit" class="btn btn-default">Submit</button> 
    </form> 

就像我說的..不知道你想要多少樣式來匹配你的截圖，但這是非常接近:)