![](/img/trans.png)
[英]I have a bootstrap navbar that will not stay in-line with the button and search box - how do I make it in-line?
[英]Bootstrap: How do I make the input box and button stay on the same line?
我正在帮助建立一个网站并学习所有这些技能。 我看到了类似的问题,但没有找到有用的解决方案。
您可以在此屏幕截图的右上角看到搜索框和按钮拒绝位于同一行。 http://i.imgur.com/fiurnYs.png
搜索框的HTML代码如下所示:
<div class="col-sm-3 col-md-3 pull-right">
<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"><i class="icon-search"> </i></button>
</div>
</div>
</form>
</div>
CSS代码如下所示: https : //raw.github.com/immenselyalive/dresswithease/master/bootstrap.css
您可以使用文档中提供的代码块作为代码的基线。
<div class="input-append">
<input class="span2" id="appendedInputButton" type="text">
<button class="btn" type="button">Go!</button>
</div>
http://getbootstrap.com/2.3.2/base-css.html#forms (搜索Buttons instead of text
)
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.