使Bootstrap输入组全宽

Scrumplex

我的问题是我input-group的宽度不是100%。

这就是现在的样子:https//jsfiddle.net/6gmzz07b/

我只希望input-group的宽度为100%,以便它填充容器。

伊斯梅尔·法鲁克(Ismail Farooq)

根据引导程序示例,您需要添加input-group-btn元素。

例如

<div class="input-group">
  <input type="text" class="form-control" aria-label="...">
  <div class="input-group-btn">
    <select class="form-control">
      <option selected="">seconds</option>
      <option>minutes</option>
      <option>hours</option>
      <option>days</option>
      <option>weeks</option>
    </select>
  </div>
</div>

在这里摆弄

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使Bootstrap输入组全宽

来自分类Dev

引导程序3.1.0导航栏中的全宽输入组

来自分类Dev

引导程序3.3.4导航栏中的全宽输入组

来自分类Dev

Bootstrap全宽设计

来自分类Dev

Bootstrap全宽设计

来自分类Dev

Rails Bootstrap全宽巨型

来自分类Dev

全宽Bootstrap下拉导航

来自分类Dev

如何使Bootstrap按钮全宽?

来自分类Dev

Bootstrap轮播全宽问题

来自分类Dev

内联块中输入字段的全宽

来自分类Dev

Bootstrap Col- *未采用全宽

来自分类Dev

Bootstrap 3全宽div在容器中

来自分类Dev

Bootstrap 3嵌套列未全宽

来自分类Dev

Bootstrap 3中的全宽hr元素

来自分类Dev

全宽响应图像重叠Bootstrap 3

来自分类Dev

如何使Bootstrap div全宽?(基于屏幕)

来自分类Dev

具有全宽功能的Twitter Bootstrap

来自分类Dev

Bootstrap Jumbotron不会变成机身的全宽

来自分类Dev

Bootstrap 3:导航栏未全宽

来自分类Dev

全宽下拉子导航Bootstrap 3

来自分类Dev

bootstrap 4 全宽下拉菜单

来自分类Dev

Bootstrap 全宽下拉菜单

来自分类Dev

Bootstrap 3.1.1宽搜索面板,导航栏内没有输入组

来自分类Dev

使用angularJS使输入字段的全宽可编辑

来自分类Dev

html输入元素扩展到全宽

来自分类Dev

使用yamm.css的Bootstrap全宽子菜单

来自分类Dev

Twitter Bootstrap:全宽div的列重新排序

来自分类Dev

Bootstrap文本框未拉伸全宽

来自分类Dev

Bootstrap CSS,如何在容器内制作全宽div