如何显示一个按钮以在同一条线上居中?

懒惰的东西

我想在行的中心显示一个按钮,在同一行上有一个与左侧对齐的文本:

<div class="col-xs-1">
    <div class="card-header">
        <h4 class="card-title">set</h4>
    </div>

    <div class="text-center"> 
        <button type="button" class="btn btn-primary center-block add-option" id="add-option">test</button>
    </div> 
</div>  

问题是我得到了这个结果:https : //jsfiddle.net/DTcHh/96757/

科什

Bootstrap 有大量的类可供使用。

可能的解决方案之一:

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">

<div class="container-fluid card-header btn-group">
  <h4 class="card-title">set</h4>
  <div class="text-center container">
    <button type="button" class="btn btn-primary center-block add-option" id="add-option">test</button>
  </div>
</div>

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

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

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章