bootstrap栅格_bootstrap栅格怎样往左移动

在Bootstrap中，若想让栅格布局中的元素往左移动，可以通过多种方式来实现。最直接的方式是利用Bootstrap自带的偏移类（offset类）或使用自定义的CSS样式调整margin-left属性。

一、使用offset类

Bootstrap栅格系统提供了偏移类，可以方便地将列向右推动，从而间接实现其他元素相对往左的效果。

html
<!-- 引入Bootstrap CSS -->
</p>

<div class="container">
    <div class="row">
        <!-- 假设原本有4个等宽的列 -->
        <div class="col -6 col -md -4">1</div>
        <div class="col -6 col -md -4">2</div>
        <div class="col -6 col -md -4">3</div>
        <div class="col -6 col -md -4">4</div>
    </div>
    <div class="row">
        <!-- 使第二个列往右偏移一个单位，前面的列看起来就往左了 -->
        <div class="col -6 col -md -4">1</div>
        <div class="col -6 col -md -4 offset-md-1">2</div>
        <div class="col -6 col -md -4">3</div>
        <div class="col -6 col -md -4">4</div>
    </div>
</div>

<p>

在这个例子中，给第二个<div>添加了offset-md -1类，表示在中等屏幕及以上时向右偏移一个单位宽度，这样个<div>相对于整行布局就会显得更靠左一些。

二、自定义CSS设置margin -left

如果需要更灵活的控制元素往左移动的距离，可以自己编写CSS代码来设置margin -left属性。

```html

.move-left {
margin-left: -50px; /* 自定义左边距 */
}

``
这里通过自定义样式.move -left，为个