Welcome To Ask or Share your Answers For Others

bootstrap4 怎样使左右图文不环绕？

asked Jan 27, 2021 in Technique[技术] by 深蓝 (71.8m points)

折腾许久，想要左右图文排片，但右边文字超过左边图片时会环绕到图片下方。我想要的效果是，左边是图片，右边是文字段落，左右分开，不环绕排版。
而且我用在了list-group里面。样子是这样：
图标文字文字文字
__
图标文字文字文字
__
图标文字文字文字
__
图标文字文字文字
__

与恶龙缠斗过久,自身亦成为恶龙；凝视深渊过久,深渊将回以凝视…

697 views

Welcome To Ask or Share your Answers For Others

1 Answer

answered Jan 27, 2021 by 深蓝 (71.8m points)

单 bootstrap 来说的话，你可以用 grid ，就是他的栅格来实现这个功能呐。

而且也可以不用 bootstrap ，直接使用 flex ，一左一右就好了。

比如官方例子中，这个就有类似的效果呐

图片.png

Blog Template · Bootstrap

与恶龙缠斗过久,自身亦成为恶龙；凝视深渊过久,深渊将回以凝视…

...