Html 引导4从中心偏移

我想创建一个位于页面中心的列，从这个列开始，我想再创建一个有点偏移的列，但这会影响页面中心

Lorem ipsum
Lorem ipsum
Lorem ipsumus
Lorem ipsum

测试

如果我理解您的问题，您希望列表所在的块始终水平居中吗

首先，您希望偏移块具有

col-3

，并且偏移量为

offset-1

。总共有4列。因此，如果您希望列表块居中，则其左侧也必须有4列块。因此列表块应该有4列，即，

col-4

<div class="row">
    <div class="col-4 ml-auto">
        <ul class="list-inline">
            <li class="list-inline-item">Lorem ipsum</li>
            <li class="list-inline-item">Lorem ipsum</li>
            <li class="list-inline-item">Lorem ipsumus</li>
            <li class="list-inline-item">Lorem ipsum</li>
        </ul>
    </div>
    <div class="col-3 offset-1">test</div>
</div>

Lorem ipsum
Lorem ipsum
Lorem ipsumus
Lorem ipsum

测试

小提琴：