Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Ask a Question
Welcome To Ask or Share your Answers For Others

Categories

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

0 votes
830 views
in Technique[技术] by (71.8m points)

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

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


与恶龙缠斗过久,自身亦成为恶龙；凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Answer

0 votes
by (71.8m points)

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

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

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

图片.png


与恶龙缠斗过久,自身亦成为恶龙；凝视深渊过久,深渊将回以凝视…
Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

Just Browsing Browsing

2.1m questions

2.1m answers

60 comments

57.0k users

Most popular tags

Powered by Question2Answer
Donate
Theme by Q2A Market&&OStack.cn
...