html – 在Bootstrap中如何获得两个不同尺寸的行

html – 在Bootstrap中如何获得两个不同尺寸的行,第1张

概述我正在使用Bootstrap 3.我有两行.第一行有4×3列.第二行有一列3和1列9. 9列的高度是所有其他列的两倍.我想在第二行的第3列下面添加一列.我已经制作了一张图片来解释它.   绿色在一排,紫色在一排.我试图将黄色放在它自己的行中,但是它显示在左边但不是在小紫色块的底部. 我还把小紫色和黄色的块放在同一行上,但它们彼此相邻显示,下面有90块. 为什么你不遵循这个 <div class=" 我正在使用bootstrap 3.我有两行.第一行有4×3列.第二行有一列3和1列9. 9列的高度是所有其他列的两倍.我想在第二行的第3列下面添加一列.我已经制作了一张图片来解释它.

 

绿色在一排,紫色在一排.我试图将黄色放在它自己的行中,但是它显示在左边但不是在小紫色块的底部.
我还把小紫色和黄色的块放在同一行上,但它们彼此相邻显示,下面有90块.

解决方法 为什么你不遵循这个

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

然后你可以用CSS欺骗它

总结

以上是内存溢出为你收集整理的html – 在Bootstrap中如何获得两个不同尺寸的行全部内容,希望文章能够帮你解决html – 在Bootstrap中如何获得两个不同尺寸的行所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1068079.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-26
下一篇 2022-05-26

发表评论

登录后才能评论

评论列表(0条)

保存