Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Post an Article
Welcome To Ask or Share your Answers For Others

Categories

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

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

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

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


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

1 Reply

0 votes
by (71.8m points)

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

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

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

图片.png


与恶龙缠斗过久,自身亦成为恶龙；凝视深渊过久,深渊将回以凝视…
OGeek|极客中国-欢迎来到极客的世界，一个免费开放的程序员编程交流平台！开放，进步，分享！让技术改变生活，让极客改变未来！ Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

Just Browsing Browsing

1.4m articles

1.4m replys

5 comments

57.0k users

Most popular tags

Snow Theme by Q2A Market
Powered by Question2Answer
...