首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何使用引导5放置div?

如何使用引导5放置div?
EN

Stack Overflow用户
提问于 2022-08-26 05:13:58
回答 1查看 47关注 0票数 -3

我想把div一个接一个,在不同的方向,像下面的链接图像。

哪些引导组件可以使用完全相同的设计?你知道什么设计理念吗?请指导我。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2022-08-26 06:44:41

您可以查看文档。但是,您可以使用柔性盒来完成这个任务。

代码语言:javascript
运行
复制
<html>
<head>
<link
      rel="stylesheet"
      href="https://cdn.jsdelivr.net/npm/bootstrap@4.1.3/dist/css/bootstrap.min.css"
      integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO"
      crossorigin="anonymous"
    />
  </head>
  <body>
<div class="d-flex justify-content-start">
   <div>Hire a Car</div>
</div>
<div class="d-flex justify-content-end">
   <div>Buy a car</div>
</div>
<div class="d-flex justify-content-start">
   <div>Sale a Car</div>
</div>
</body>
</html>

有关更多信息:https://getbootstrap.com/docs/5.2/utilities/flex/#justify-content

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/73496348

复制
相关文章

相似问题

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