搜索栏缩小,因为您将页面缩小为ex:(youtube.com)

时间:2014-09-18 01:29:40

标签: html css twitter-bootstrap youtube

使用Twitter-Bootstrap 3是否可以在导航栏上添加设置宽度的搜索栏,然后在缩小网页时缩小右侧?例如,youtube.com会在其网站上执行此操作。如果有可能,你可以让我开始研究如何做到这一点吗?

-Thanks

2 个答案:

答案 0 :(得分:1)

查看bootstrap

上的网格系统文档

基本上你会做类似

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

答案 1 :(得分:0)

你的意思是这样吗?:

.navbar{

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

}