小编use*_*470的帖子

如何使用 Bootstrap 或 CSS 将容器 div 覆盖在另一个容器上

我使用 Bootstrap 4 设计了一个布局，其中容器 b 位于容器 A 旁边。但我希望容器 B 覆盖容器 A 的某些部分，如图所示。我怎样才能实现这种布局？任何帮助或参考将不胜感激。

  <!-- container A -->
        <div class="container-fluid">
         <div class="row text-center">
            <div class="col-12">
              <h4>HOW IT WORKS</h4>
            </div>
          </div>
        
          <div class="row text-center">
            <div class="offset-md-2 col-md-2 px-0">
                <div class="card">
                    <div class="card-header">
                      card 1 title
                    </div>
                    <div class="card-body">
                       card 1 body
              
                    </div>
                  </div>
            </div>
            <div class="offset-md-1 col-md-2">
              <div class="card">
                    <div class="card-header">
                      card 2 header
                    </div>
                    <div class="card-body">
                        card 2 body
                    </div>
                  </div>
            </div>
            <div class="offset-md-1 col-md-2">
                <div class="card">
                    <div class="card-header">
                      card 3 header …

Run Code Online (Sandbox Code Playgroud)

html javascript css bootstrap-4

use*_*470

2019 02-08

1
推荐指数

1
解决办法

1万
查看次数