css 如何在Bootstrap中嵌套网格

t1rydlwq 于 2022-11-19 发布在 Bootstrap

关注(0)|答案(1)|浏览(171)

我是Bootstrap的初学者，正在尝试使用this layout在Bootstrap中创建网格
我写的是这样的：

<div class=’container-fluid’></div>
    <div class="row">
        <div class="col-sm-3 bg-primary"><img src="images/about.jpg" class= "imageAboutPage" alt=""></div>
        
        <div class='col'>
            
            <div class=’row’>
        <div class="col bg-primary">Lorem ipsum dolor.</div>
        <div class="col bg-secondary">Lorem ipsum dolor.</div>
      </div>
      
    </div>

得到的结果是this layout
它们应该是一个完整的元素。我感觉我离得很近。也许我把行弄乱了？提前谢谢！

css

来源：https://stackoverflow.com/questions/74468437/how-to-nest-grids-in-bootstrap

1条答案

按热度按时间

pb3s4cty1#

这是我的解决方案，希望能有所帮助。

<head>
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
</head>

    <div class="row">
      <div class="col-sm-3 bg-primary" style="height:200px"><img src="images/about.jpg" class= "imageAboutPage" alt=""></div>
      <div class="col">
          <div class="row bg-primary h-50">Lorem ipsum dolor.</div>
          <div class="row bg-secondary h-50">Lorem ipsum dolor.</div>
      </div>  
   </div>

赞(0）回复(0）举报 2022-11-19

我来回答

css 如何在Bootstrap中嵌套网格

1条答案

相关问题

热门标签

最新问答