引导输入组中的lg vs sm

用户名

我无法进行以下工作:

<div class="input-group-sm">
                        <input type="text" class="form-control">
                        <div class="input-group-sm">
                            <button class="btn btn-default btn-sm" type="button">
                                <i class="glyphicon glyphicon-remove"></i>
                            </button>
                            <button class="btn btn-default btn-sm" type="button">
                                <i class="glyphicon glyphicon-search"></i>
                            </button>
                        </div>
                    </div>

我想让文本框和两个按钮都在同一行上,并相互绑定。上面的代码使按钮位于第二行。谁可以帮我这个事。

如果到处都用“ lg”替换“ sm”,则效果很好。

克里斯蒂娜(Christina)

演示:http : //jsbin.com/OjahitE/1

http://jsbin.com/OjahitE/1/edit

<div class="input-group input-group-sm">
 <input type="text" class="form-control">
 <div class="input-group-btn">
 <button class="btn btn-default" type="button"> 
  icon here
 </button>
<button class="btn btn-default" type="button"> 
  icon here
 </button>
</div>
</div>

正在添加更多支持,请参阅pull-request:https : //github.com/twbs/bootstrap/pull/11910

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

引导程序断点...需要澄清'xs sm md lg'

来自分类Dev

引导程序的SEO影响可见-lg / md / sm / xs-类

来自分类Dev

为什么在引导程序中使用多个col- [lg | md | sm | xs]-?

来自分类Dev

如果我折叠到xs / sm,然后在Google Chrome中返回(调整大小)回到md或lg,则引导程序列表将失去对齐。

来自分类Dev

如何在具有4个img的引导程序(col xs-12 col-sm-6 col-md-2 col-lg-2)中居中?

来自分类Dev

SM 2.0中的顶点纹理获取

来自分类Dev

为什么 col-sm-12 添加了 col-sm 在引导程序中没有的边距?

来自分类Dev

如何从输入中简单地将包装器'col-sm-9'替换为'col-sm-12'?

来自分类Dev

引导程序-需要“ col-sm-12”吗?

来自分类Dev

引导!是否存在诸如hidden-sm之类的东西

来自分类Dev

引导程序-需要“ col-sm-12”吗?

来自分类Dev

引导表调整/重新组织 col-sm

来自分类Dev

HEVC / H265视频无法在SM Player中播放

来自分类Dev

HEVC / H265视频无法在SM Player中播放

来自分类Dev

如何在WPBakery中创建vc_col-sm-5和vc_col-sm-7自定义布局?

来自分类Dev

引导表单组vs行CSS

来自分类Dev

输入中的引导表单组

来自分类Dev

xs sm md lg显示器的不同图像分辨率

来自分类Dev

如何在LESS中有效地编写-sm,-md,-lg填充类

来自分类Dev

Dompdf prints html bootstrap code as col-sm-x and not as col-lg-x

来自分类Dev

使用具有像素值的Material-UI断点而不是sm,md,lg,xl

来自分类Dev

媒体查询宽度如何应用于预设的Bootstrap Xs sm md lg列类?

来自分类Dev

如何在btn-toolbar中制作两个col-xs / sm / md / lg-6而不中断线?

来自分类Dev

Spacy 2.0语言模型加载问题-从“ en_code_web_sm”到“ en_code_web_lg”

来自分类Dev

导航栏中的引导输入组

来自分类Dev

Bootstrap 3 col-xs- ..在ie8中覆盖-sm -md等。

来自分类Dev

三星sm-t531中的开发人员选项在哪里

来自分类Dev

在Bootstrap 3中使用col-*-12(col-xs / col-sm等)

来自分类Dev

在这些MSDN页面中,“ XM_CXSMICON”是否拼写为“ SM_CXSMICON”?

Related 相关文章

  1. 1

    引导程序断点...需要澄清'xs sm md lg'

  2. 2

    引导程序的SEO影响可见-lg / md / sm / xs-类

  3. 3

    为什么在引导程序中使用多个col- [lg | md | sm | xs]-?

  4. 4

    如果我折叠到xs / sm,然后在Google Chrome中返回(调整大小)回到md或lg,则引导程序列表将失去对齐。

  5. 5

    如何在具有4个img的引导程序(col xs-12 col-sm-6 col-md-2 col-lg-2)中居中?

  6. 6

    SM 2.0中的顶点纹理获取

  7. 7

    为什么 col-sm-12 添加了 col-sm 在引导程序中没有的边距?

  8. 8

    如何从输入中简单地将包装器'col-sm-9'替换为'col-sm-12'?

  9. 9

    引导程序-需要“ col-sm-12”吗?

  10. 10

    引导!是否存在诸如hidden-sm之类的东西

  11. 11

    引导程序-需要“ col-sm-12”吗?

  12. 12

    引导表调整/重新组织 col-sm

  13. 13

    HEVC / H265视频无法在SM Player中播放

  14. 14

    HEVC / H265视频无法在SM Player中播放

  15. 15

    如何在WPBakery中创建vc_col-sm-5和vc_col-sm-7自定义布局?

  16. 16

    引导表单组vs行CSS

  17. 17

    输入中的引导表单组

  18. 18

    xs sm md lg显示器的不同图像分辨率

  19. 19

    如何在LESS中有效地编写-sm,-md,-lg填充类

  20. 20

    Dompdf prints html bootstrap code as col-sm-x and not as col-lg-x

  21. 21

    使用具有像素值的Material-UI断点而不是sm,md,lg,xl

  22. 22

    媒体查询宽度如何应用于预设的Bootstrap Xs sm md lg列类?

  23. 23

    如何在btn-toolbar中制作两个col-xs / sm / md / lg-6而不中断线?

  24. 24

    Spacy 2.0语言模型加载问题-从“ en_code_web_sm”到“ en_code_web_lg”

  25. 25

    导航栏中的引导输入组

  26. 26

    Bootstrap 3 col-xs- ..在ie8中覆盖-sm -md等。

  27. 27

    三星sm-t531中的开发人员选项在哪里

  28. 28

    在Bootstrap 3中使用col-*-12(col-xs / col-sm等)

  29. 29

    在这些MSDN页面中,“ XM_CXSMICON”是否拼写为“ SM_CXSMICON”?

热门标签

归档