【问题标题】:How to center the ".input-group-btn" in bootstrap?如何在引导程序中将“.input-group-btn”居中?
【发布时间】:2013-10-24 18:05:00
【问题描述】:

如何使引导程序居中input-grop

这里是jsfiddlehttp://jsfiddle.net/Qs4T9/

我想将input-grpup 放在行的中心,但不需要手动计算所有偏移量。如果是 .text-centerdisplay: tabledisplay: table-cell 或类似的东西会更好。

这是一个“答案”[Centering Bootstrap input fields],但它并不是真正的居中,看起来更像是具体元素和尺寸的解决方法,而不是一般的解决方案(至少对于整个非移动方案)。

【问题讨论】:

    标签: html css twitter-bootstrap centering


    【解决方案1】:

    看起来类 .col-xs-6 设置为 float:left;

    如果你删除它并添加:

    margin-left:auto;
    margin-right:auto;
    

    相反,它应该可以解决您的问题!

    【讨论】:

    • 不,不起作用(如果我删除 .col-xs-6 它会变成全角(即块))。你能编辑我发布的 jsfiddle 吗?
    • 我没有说删除 col-xs-6!只需删除它的浮点值,但由于 col-xs-6 是内置的引导 css,你必须像这样覆盖它:jsfiddle
    猜你喜欢
    • 2012-04-08
    • 2013-11-02
    • 2012-06-26
    • 1970-01-01
    • 1970-01-01
    • 2015-11-05
    • 1970-01-01
    • 2017-11-23
    • 2019-02-19
    相关资源
    最近更新 更多