大佬教程收集整理的这篇文章主要介绍了twitter-bootstrap – 如何使bootstrap3的导航栏输入大小填充剩下的空间？，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
<form class="navbar-form navbar-left" role="search">
<div class="input-group">
<input class="form-control" placeholder="product" type="text">
<span class="input-group-btn">
<button class="btn btn-default" type="button">Search</button>
</span>
</div>
</form>
它在Firefox中固定大小约为200px.但是,在chrome或safari中,搜索需要一个全新的路线.我想知道bootstrap的css是否控制了输入的宽度.
input-group-btn得到两个css设置,display：table-cell;宽度：1％.这些是为了什么？
<form class="navbar-form navbar-left" 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>
它在firefox或chrome中运行良好,但我希望它能够占用导航栏的其余部分.喜欢facebook的搜索栏.
我是个人开发人员,我不擅长前端设计,有没有人知道这个特定的请求？
我使用Safari,不幸的是,表单元素占用整行(100％的大小)(但是在Firefox上,它没有).
<form class="navbar-form navbar-left" style="width:40%" role="search"> <div class="input-group"> <input class="form-control" placeholder="product" type="text"> <span class="input-group-btn"> <button class="btn btn-default" type="button">Search</button> </span> </div> </form>
注意：width-40类而不是style属性不能修复它…但不知道为什么.
以上是大佬教程为你收集整理的twitter-bootstrap – 如何使bootstrap3的导航栏输入大小填充剩下的空间？全部内容，希望文章能够帮你解决twitter-bootstrap – 如何使bootstrap3的导航栏输入大小填充剩下的空间？所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。