移动时的引导表单
提问于 2014-03-31 14:19:04
我正在使用一个在文本框内有一个按钮的表单来进行站点搜索。在桌面版本上它工作得很好，但是当调整大小到移动端时就不是这样了。我使用了一个position: absolute；来设置按钮的位置，给它一个固定的位置。有没有办法在移动版上也能做到这一点？
HTML：
<!-- Right search form -->
<div class="col-md-3 col-xs-12">
<form class="form-inline" role="search">
<div class="form-group">
<input type="text" class="form-control search-input" size="40" placeholder="Cauta in site...">
<input type="submit" value="" class="search-button" id="searchsubmit">
</div>
</form>
</div>CSS：
.search-button {
background: url('../images/search-btn.png') right no-repeat;
border: 0px solid black;
border-left: none;
cursor: pointer;
height: 35px;
width: 35px;
position:absolute;
left:241px;
top: 3px;
}
回答 1
Stack Overflow用户
发布于 2014-03-31 14:25:28
您可以使用引导程序类reference here
<div class="input-group">
<span class="input-group-btn">
<button class="btn btn-default" type="button">Go!</button>
</span>
<input type="text" placeholder="Cauta in site..." class="form-control">
</div><!-- /input-group -->页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/22764054
复制相关文章
点击加载更多
腾讯云开发者
