【问题标题】:How Can I Create 3 Columns on a Webpage Using Bootstrap?如何使用 Bootstrap 在网页上创建 3 列?
【发布时间】:2021-12-31 15:40:52
【问题描述】:

我对 webd 比较陌生,想使用 bootstrap 或任何其他 CSS 框架来精确创建这 3three 列并显示它们,我尝试使用圆圈来显示图像,但无法确定要实现的确切 CSS如果有人可以帮我解决这个问题,那就太好了

【问题讨论】:

    标签: css bootstrap-4 frontend


    【解决方案1】:

    如果你想用 bootstrap 创建 3 列,首先你必须将 bootstrap 导入到你的 html 中。比你需要创建一个包含你的列的行,你可以在里面创建列:

    第一栏内容 第二栏内容 第三栏内容

    【讨论】:

    • 嗨,我已经添加了我的引导程序正在运行的那些文件,我想要完全相同的 3 列以及圆形图像,你能帮我设计一下吗?我无法弄清楚使用 bootstrap bg-ml col 等对我来说是令人困惑的新术语
    • 创建一行:
      在一行内创建三列:
      content第 1 列
      列类表示每行可能有 12 个列中您希望使用的列数。因此,如果您想要三个等宽的列,您可以使用 .col-4。如果您想要一个圆形图像,只需在内容中添加 现在您应该会看到 3 列带有圆形图像。您想查看列的边框吗?创建带有边框的自定义类(例如边框:1px 纯黑色;),您将看到 3 列的边框。
    【解决方案2】:

    尝试使用网格系统将某些内容分成 3 个单独的列。 https://getbootstrap.com/docs/5.0/layout/grid/

    【讨论】:

    • 嗨,我是新手,我不具备如何使用网格系统的技术知识,如果您能编写看起来像这样的代码,将会有很大的帮助!我试过复制粘贴它看起来不像这样
    • 我知道如何使用引导按钮,将它放在这样的列中,里面有小圆形图像,里面有精确的 css 我无法绕开它,因为我昨天刚刚开始学习 html 基础知识。
    • 创建一个divclass="row",其中包含3 个divclass="col",并且在每个col div 中你可以放置你的圆形图像。
    猜你喜欢
    • 1970-01-01
    • 2011-05-31
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-11-09
    • 1970-01-01
    相关资源
    最近更新 更多