缩小页面时缩小的搜索栏例如：（youtube.com）答案

【问题标题】：Search bar that shrinks as you make the page smaller ex: (youtube.com)缩小页面时缩小的搜索栏例如：（youtube.com）
【发布时间】：2014-11-12 05:07:11
【问题描述】：

使用 Twitter-Bootstrap 3 是否可以在导航栏上添加一个具有设定宽度的搜索栏，然后在缩小网页时在右侧缩小？例如 youtube.com 在他们的网站上执行此操作。如果可能的话，您能否让我开始了解如何做到这一点？

-谢谢

【问题讨论】：

标签： html css twitter-bootstrap youtube

【解决方案1】：

查看bootstrap的网格系统文档

基本上你会做类似的事情

<nav class="row">
     <div class="col-md-8">Search bar here</div>
     <div class="col-md-4">Other header stuff</div>
</nav>

【讨论】：

【解决方案2】：

你的意思是这样吗？：

.navbar{

width:100%;
min-width:500px;

}

【讨论】：