修复第一个 Div 并仅调整第二个 Div 的大小 - 第 2 列下的第 3 列 [英] Fix first Div and only resize the second Div - column 3 under column 2

问题描述

这实际上是一个后续问题

This is actually a follow up question to Bootstrap CSS - Column 3 under Column 2 on resizing

推荐答案

您可以使用 flex 来提高响应能力，它会为您处理一切:

A column1 grade column2 column3

这是

和

 解决方案 

<div class="容器"><div class="row"><div class="col-md-1 both"><div class="row"><h1>A</h1>

You can do flex for responsiveness it will take care of things for you:

<div class="row"><span>等级</span>

here is the fiddle

<div class="col-md-11"><div class="row"><div class="col-md-4 col-sm-6 col-xs-12"><h3>第1列</h3><p>Lorem ipsum dolor sat amet, consectetur adipisicing 精英...</p><p>Ut enim ad minim veniam, quis nostrud exeritation ullamco Laboris...</p>

and

<div class="col-md-4 col-sm-6 col-xs-12"><h3>第2列</h3><p>Lorem ipsum dolor sat amet, consectetur adipisicing 精英...</p><p>Ut enim ad minim veniam, quis nostrud exeritation ullamco Laboris...</p>

<div class="col-md-4 col-md-offset-0 col-sm-6 col-sm-offset-6 col-xs-12"><h3>第3列</h3><p>Lorem ipsum dolor sat amet, consectetur adipisicing 精英...</p><p>Ut enim ad minim veniam, quis nostrud exeritation ullamco Laboris...</p>

</html>

这篇关于修复第一个 Div 并仅调整第二个 Div 的大小 - 第 2 列下的第 3 列的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！