在单元格右侧对齐内容

时间:2018-07-17 09:15:47

标签: bootstrap-4

我正在尝试在单元格右侧设置一些内容。 这是一个示例:

<td>
    <div class="btn-group float-right">
        <a class="btn">BTN 1</a>
        <a class="btn">BTN 2</a>
    </div>
</td>

以前,我在引导程序2上,并且我有一个向右拉的功能。我在bootstrap 4文档中看到,右拉权被删除了,我们不得不使用右拉权。但是看起来这根本不起作用。

我可能没有正确使用它。谢谢你的帮助。

编辑:这是我的摆弄:我想将动作td设置为向右浮动:http://jsfiddle.net/aq9Laaew/95785/

2 个答案:

答案 0 :(得分:0)

pull-right在Bootstrap 4中不起作用,已由float-right代替,请使用此代码:

<td>
    <div class="btn-group float-right">
        <a class="btn">BTN 1</a>
        <a class="btn">BTN 2</a>
    </div>
</td>

答案 1 :(得分:0)

尝试一下

<table border="1" class="w-100">
    <tr>
        <td>
         <div class="btn-group d-inline-block float-right">
           <a class="btn">BTN 1</a>
           <a class="btn">BTN 2</a>
        </div>
      </td>
    </tr>
</table>

在代码中检查此更改

<div class="btn-group text-nowrap d-inline-block float-right">