如何使用Bootstrap在英雄单元中显示两列？
要在英雄单元中使用Bootstrap显示两列，您需要使用Bootstrap的栅格系统。以下是一个简单的示例，说明如何使用Bootstrap在英雄单元中显示两列：
- 首先，确保您已在项目中包含了Bootstrap的CSS和JavaScript文件。您可以通过以下链接将其添加到您的项目中：
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"><script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script><script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>- 接下来，在HTML文件中创建一个包含两列的英雄单元。使用Bootstrap的
.container类创建一个容器，然后使用.row类创建一行。在这一行中，添加两个.col类的列，分别表示两个列。
<div class="container">
<div class="row">
<div class="col">
<!-- 第一列内容 -->
</div>
<div class="col">
<!-- 第二列内容 -->
</div>
</div>
</div>- 您可以根据需要自定义列的宽度。例如，如果您希望第一列占据3/4的宽度，而第二列占据1/4的宽度，可以使用
.col-md-7和.col-md-5类：
<div class="container">
<div class="row">
<div class="col-md-7">
<!-- 第一列内容 -->
</div>
<div class="col-md-5">
<!-- 第二列内容 -->
</div>
</div>
</div>这样，您就可以在英雄单元中使用Bootstrap显示两列了。您可以根据需要调整列的宽度和内容，以适应您的设计需求。
相关·内容
我正在尝试让bootstrap的行在一个英雄单位中工作。我试着遵循这个示例，但它似乎不起作用。我在“英雄”中只有一栏。我的猜测是，填充导致列换行，因为当将填充设置为0时，它似乎正确地对齐，但我不确定如何正确地解决这个问题。
浏览 0提问于2012-08-08得票数 4
回答已采纳
表1称为超级英雄表2称为超级英雄类别，表3称为超级英雄传记
属性键应该检索json文件并根据需要显示超级英雄类别，这可能吗?还是我完全错了？
浏览 7提问于2022-04-28得票数 0
回答已采纳
1回答
在Bootstrap文档的上，提供了一个演示“英雄单元”的示例，该单元通常放在页面的顶部，并宣布一些重要的内容。我试图把它合并到一个页面中，但我也想在它旁边显示一个缩略图。我意识到我可以用一些内联样式来解决这两个问题：...<div class="thumbnail span3"
浏览 5提问于2012-02-22得票数 5
回答已采纳
3回答
我试图在我的页面中创建Hero Unit，我使用了以下代码，但它没有显示英雄单元。请指点我在这里所缺少的东西。我包括了bootstrap.min.css和bootstrap-theme.min.css。
浏览 6提问于2014-10-09得票数 0
回答已采纳
3回答
我使用Yii-引导小部件来创建我的网站。
<?php $this->beginWidget('
浏览 10提问于2012-07-11得票数 1
回答已采纳
我有两张独立的桌子，一张是给英雄的-- "(All) Heroes“单张，另一张是可穿戴的工件--”(所有的)工件“。每个英雄可以同时佩戴6件不同的物品，目前游戏中有26件。我想检查英雄的统计数据将如何改变，如果他们穿着不同的组合文物。我还需要一个列，它将计算选定英雄的最终统计数据与所有选定的工件。
为了做到这一点，我决定使用数据验证来挑选英雄/工件(例如-单元格'(All)带有工件计算
浏览 4提问于2014-04-02得票数 1
回答已采纳
3回答
我目前使用的是bootstrap 3.0.0的最新版本我已经玩了几个小时了，和col md-*玩了几个小时了，但运气不好。在bootstrap 2.3.2中，我通过使用.text-center和.pagination center实现了将英雄中的所有内容居中的效果(对于图像？？-它起作用了)
这个小提琴<e
浏览 0提问于2013-09-10得票数 6
回答已采纳
1回答
引导“容器”背景
、、
我正在使用twitter引导程序2.3.2。我想改变“容器”的背景。当我应用这些变化时，这个图像也是“肚脐”和“英雄单元”的背景。您可以在这里发现相同的内容：通过在“容器”设置的“检查元素”中设置如下所示：它不仅会树立身体的形象，还会树立“肚脐”的形象。当然，我很清楚为什么在我的例子中，"navbar“和”英雄单元“的背景正在发生变化，因为我
浏览 2提问于2013-09-21得票数 0
如何用bootstrap设计网格系统？在小的和超小的显示器中，它将只显示1列和4行。每个单元格将在单列中一个接一个地堆叠。来自大或中显示的第一列
浏览 0提问于2014-09-05得票数 11
回答已采纳
如何在引导程序中重新排列/交换某些流体容器/行的顺序.....
他们在左边有一个流畅的行边栏，然后在同一行有一个英雄单位。例如，如何在页面末尾显示侧边栏和在页面顶部显示英雄单位？
浏览 2提问于2012-10-16得票数 17
2回答
我的游戏有3D环境，它被划分为2d单元(节点)。我已经为路径查找实现了A*。目标可攻击范围见下图(请原谅我画得不好)棕色盒子是障碍
攻击者/英雄在单元格中突出显示绿松石色点，圆圈是模型的半径/大小。目标是红色虚线颜色单元，周围
浏览 0提问于2013-01-16得票数 3
回答已采纳
我有一张谷歌单子，里面满是英雄联盟韩语冠军的名字。我有另一张有两栏的工作表，其中第一栏有韩文名称，另一栏有英文名称。示例表：
我在第一个活页中有韩语单元格，在第二个表格引用中，我有两个列(韩文和英文)。
浏览 3提问于2020-02-11得票数 2
我只是在想，在我的聊天机器人中使用微软机器人框架，使用C#，在每次响应后，我能看到来自用户的原型‘反馈’的选项是什么。有没有人知道呢？
浏览 6提问于2017-02-06得票数 0
回答已采纳
1回答
所有静态页面都将基于通用应用程序布局(layouts/application.html.erb，由页眉和页脚组成)，它们都将在顶部包含一个“英雄单元”(一个带有图片的大横幅)，并在其下方包含两列。其余代码创建两列并在第一列中生成introduction代码，并在第二列中呈现@collection对象(该对象将在控制器中定义)。我还使用content_for来提供第一列的内
浏览 3提问于2013-08-17得票数 2
回答已采纳
(最后一个例子在页面底部)
在这个例子中没有描述，我很难弄清楚这到底对表做了什么！
浏览 2提问于2016-03-08得票数 0
回答已采纳
如果我使用任何主题并包含最新的Bootstrap框架4.0，但我还想使用插件Visual Composer进行一些所见即所得的编辑，它们会产生冲突吗？如果是，有什么变通方法吗？
浏览 0提问于2018-03-07得票数 1
this.heroService.getHeroes() }
我一直认为this.heroes = heroes是在英雄组件中分配给如果我将heroes:Hero[]更改为heroes:boolean，或者即使我从英雄组件中完全删除heroes:Hero[]，则仍然会显示“英雄”。而this.heroes 仍然被分配.尝试做我提到的事情，删除heroes:Hero[]，注意<
浏览 1提问于2019-06-07得票数 2
前几天我遇到了，我真的不知道如何在逻辑上实现它。我在想，它涉及到核心数据，“power”是一个多对多关系中的另一个实体，除此之外，我迷失了。
浏览 0提问于2009-11-11得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
