主页 / 问题 / 976788
Accepted
Majestio
Asked:2020-05-01 04:58:33 +0000 UTC2020-05-01 04:58:33 +0000 UTC

使用 Bootstrap 4 进行混合块对齐

  • 772

您能否告诉我是否可以使用 Bootstrap 4 执行以下标记：

标记示例

  1. 第一种情况是宽度远大于将元素放在一行上所需的宽度。1、2、3块向左压，4块向右压；
  2. 第二种情况是端到端的宽度。本质上，块对齐与前一种情况类似，但在视觉上，块只是接触；
  3. 第三种情况是没有足够的宽度将所有四个块放在一行中。块应放置在两行中。在这种情况下，应将块 1.3 压到左侧，将块 2.4 压到右侧。

重要的！

建议使用 bootstrap 4 弹性项目，如果可能，不要通过 CSS 使用其他样式。

flexbox

1 个回答

  1. Best Answer

    唉，一切都变得很简单：

    <section class="d-flex flex-wrap justify-content-between">
  <div>1</div>
  <div>2</div>
  <div class="d-flex flex-wrap flex-grow-1 justify-content-between">
    <div>3</div>
    <div>4</div>
  </div>
</section>
    • 0

相关问题