html - Bootstrap - 选择和按钮在一行中彼此相邻

标签 html css twitter-bootstrap

我可以找到 this question在这里,但它已经过时了,因为答案是错误的。它们在 bootlint.com 中无效。

Here是一个 bootsnipp 示例。但该示例在 bootlint 中无效。

它返回 E006 错误。

我如何验证它?

编辑:

例如这段代码:它在谷歌浏览器中正确显示,但 bootlint.com 说它无效。

<div class="input-group input-group-multiple-selectp col-xs-8">
    <select class="form-control" name="values[]">
        <option value="">Select one</option>
        <option value="1">Option 1</option>
        <option value="2">Option 2</option>
        <option value="3">Option 3</option>
        <option value="4">Option 4</option>
    </select>
    <span class="input-group-addon input-group-addon-remove">
        <span class="glyphicon glyphicon-remove"></span>
    </span>
</div>

实例:http://bootsnipp-env.elasticbeanstalk.com/iframe/g07Xd

最佳答案

Bootstrap 有输入插件来添加图标或按钮,你可以关注文档 button addons

<div class="input-group">
  <span class="input-group-btn">
    <button class="btn btn-default" type="button">Go!</button>
  </span>
  <select class="form-control" >
    <option>Some option</option>
    <option>Some option</option>
  </select>
</div><!-- /input-group -->


这里fiddle

关于html - Bootstrap - 选择和按钮在一行中彼此相邻,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42043791/

相关文章:

javascript - 使用 & 编码 URL 组件

javascript - 选择框 Laravel 选择 onChange

html - 无法移动 css div 中的元素

javascript - 带有销毁自动完成的中心表单(Bootstrap Tokenfield)

CSS 在一行中创建 3 个 div block ,div 结构

html - css 分割宽度 100% 到 3 列

html - 在 <td> 之后使用 <th> 标签会导致问题吗?

html - 悬停时从渐变背景过渡到非渐变背景

html - Bootstrap - 使列高度为行高度的 100%

html - 每页固定页脚,数据不与页脚重叠