首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >使用bootstrap在同一行中添加文本和图像

使用bootstrap在同一行中添加文本和图像
EN

Stack Overflow用户
提问于 2020-11-09 11:14:50
回答 2查看 427关注 0票数 0

我目前正在尝试使用bootstrap类将文本放到图像的正确位置。我对使用bootstrap还是个新手。我使用了float类,但图像只是放在文本下面。我想要它,这样img标记就在代码中的text标记下。我也不想在这个项目中使用任何css。我知道这是不切实际的,但我很好奇您是否可以将文本和图像与文本标记下的img标记并排放在一起

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2020-11-09 11:20:08

如果你想要img在代码的左边,但是在文本下面,你必须颠倒顺序:

代码语言:javascript
运行
复制
<div class="row">
 <div style="padding:0" class="col-6 order-2">Text</div>
 <div style="padding:0" class="col-6 order-1">Image</div>
</div>
票数 0
EN

Stack Overflow用户

发布于 2020-11-09 14:39:55

使用bootstrap类在图像的右侧显示文本,但在代码中的Text标记下使用img标记

代码语言:javascript
运行
复制
<div class="row">
    <div class="col-6 p-0 order-2">Text</div>
    <div class="col-6 p-0 order-1">Image</div>
</div>
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/64745427

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档