css - Bootstrap 网格一个完整的列和 2 个堆叠的列

标签 css bootstrap-4 angular-ui-bootstrap

<分区>

在 Bootstrap 中,我们可以做这样的事情吗?首先是一个完整的列,旁边是两个堆叠的列。我试过嵌套网格,但它不起作用。

um

最佳答案

试试这个,如果答案正确我会解释

  <div class="row ">
      <div class="col-md-6 col-sm-6 p-0">
         <div class="bg-dark">
            my life its always null..
         </div>
      </div>

      <div class="col-md-6 col-sm-6 p-0 ">
         <div class="row ">
            <div class="col-sm-12 bg-primary ">
               THE Iternal Love 1
            </div>
            <div class="col-sm-12 bg-primary ">
               THE Iternal Love 2
            </div>

         </div>
      </div>
   </div>

关于css - Bootstrap 网格一个完整的列和 2 个堆叠的列,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58299252/

上一篇:javascript - 如何将 offsetX 和 offsetY 坐标从像素更改为百分比?

下一篇:html - 获取列表类并通过 Unicode 将其更改为任何语言

相关文章:

php - 如果数据错误,更改输入的背景颜色

jquery - 从 slect2.js 标签中的选项获取类

html - CSS 的间距/宽度

html - 水平居中的表格,其位置是相对的(宽度是响应式的)

html - 引导导航栏覆盖整个页面,但不是所有页面

html - 关闭 Bootstrap 卡片容器

javascript - 导航链接在 App 组件之外不起作用

angularjs - 为什么要将参数传递给 $uibModalInstance.close(parameter)?

javascript - 引导模式中的 Angularjs 多选下拉列表

angular - Angular 14 中的引导安装失败