Bootstrap -如何让一个列流跨越多个行
在Bootstrap中，可以使用CSS类来实现让一个列流跨越多个行的效果。具体的步骤如下：
- 首先，在HTML中创建一个包含多个行的容器，可以使用
<div class="container">或<div class="container-fluid">来创建容器。 - 在容器中创建多个行，可以使用
<div class="row">来创建行。 - 在行中创建列，可以使用
<div class="col">来创建列。默认情况下，列会在同一行中水平排列。 - 如果要让一个列流跨越多个行，可以使用Bootstrap提供的响应式类来实现。具体来说，可以使用
col-类和row类的组合来实现跨越多个行的效果。 - 例如，如果要让一个列在大屏幕上跨越两个行，可以使用
<div class="col-lg-12 row">来创建列，并添加col-lg-12类和row类。 - 同样地，如果要让一个列在中等屏幕上跨越两个行，可以使用
<div class="col-md-12 row">来创建列，并添加col-md-12类和row类。 - 这样，该列就会在指定屏幕大小上跨越多个行。
需要注意的是，Bootstrap的网格系统是基于12列的，所以在使用col-类时，需要指定跨越的列数。例如，col-lg-12表示跨越12列。
推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：提供弹性计算能力，满足各种业务需求。详情请参考：腾讯云云服务器
- 腾讯云云数据库 MySQL 版：提供稳定可靠的云数据库服务，支持高并发访问和数据存储。详情请参考：腾讯云云数据库 MySQL 版
- 腾讯云对象存储（COS）：提供安全、稳定、低成本的云端存储服务，适用于图片、视频、音频等多媒体资源的存储和管理。详情请参考：腾讯云对象存储（COS）
- 腾讯云人工智能（AI）：提供丰富的人工智能服务，包括图像识别、语音识别、自然语言处理等，帮助开发者构建智能化应用。详情请参考：腾讯云人工智能（AI）
- 腾讯云物联网（IoT）：提供全面的物联网解决方案，包括设备接入、数据采集、数据存储和应用开发等，帮助实现智能化的物联网应用。详情请参考：腾讯云物联网（IoT）
相关·内容
3回答
Bootstrap -如何让一个列流跨越多个行
html、css、twitter-bootstrap-3
我正在尝试创建如下所示的布局： C4 C5 C3我在尝试让一列填充所有三行的高度时遇到了问题。这是我尝试过的代码。
浏览 1提问于2017-08-01得票数 3
回答已采纳
5回答
如何让Bootstrap列跨越多行？
css、twitter-bootstrap
我正在尝试找出如何使用Bootstrap创建以下网格。
有没有什么最好的方法呢？
浏览 0提问于2013-05-06得票数 174
回答已采纳
1回答
如何在Bootstrap 4中创建外观奇特的网格？
css、html、bootstrap-4、bootstrap-grid
如何在Bootstrap 4中创建外观奇特的网格？例如,||||||||||||||||| |_ |_ |_ ||_____|_
浏览 7提问于2017-08-04得票数 0
回答已采纳
1回答
在XSL-FO表中可以有行标题吗？
xml、xslt、xsl-fo、apache-fop
我不确定我的标题是否正确地问了这个问题，所以让我试着解释一下，以防我没有。表的第一行是标题行，没有问题。从第二行开始的第一列实际上是一个标题列。
此列中的某些单元格跨越多行，有时此列将跨越多个页面。我正在寻找一种方法来重复单元格中的文本，如果该列跨越一个分页符。类似于标题行的重复方式。我没有可以分享的例子，因为我甚至不确定我应该从哪里开始，或者正
浏览 3提问于2016-01-28得票数 0
1回答
引导4项砌体项目使用卡片列跨多个列
bootstrap-4
我正在阅读使用的引导带4的card-columns布局，它工作得很好，但是一个砖石项目也可以跨越多个列吗？现在，似乎每个项目都被限制在自己的列上，而没有跨越两列或更多列的灵活性。我画了一个草图，以帮助更好地澄清我的问题：在这个草图中，您可以看到蓝色项跨越多个列，而其他项位于它们各自的列中。那么，使用card-columns的Bootstrap 4砖石网
浏览 2提问于2019-11-16得票数 0
1回答
网格xls中的BIRT 4.4.2表
birt、birt-emitter
我有一个包含网格的BIRT报告。在第一列第一行中，有一个图表。在第一列第二行中，有一个包含多列的表。使用spudsoft发射器导出到excel时，表中的列将合并在一起，以便整个表在Excel中只占一列。
如何让我的表正确地占用相应数量的excel列？例如，我的图表是否可以在一行中跨越多个合并列？
浏览 3提问于2015-12-02得票数 0
1回答
为什么机器人FireMonkey应用程序中的控件不跨越多列或多行？
android、delphi、firemonkey、delphi-10.1-berlin
我有一个FireMonkey应用程序与一个GridPanelLayout，对齐客户端。它有6列16行。控件包括符号、编辑和按钮。TEdits跨多列，TButtons跨多列和行。然而，在Android设备上(我尝试了两个，Android6.0.1和Amazon )，没有一个控件跨越多个列或行。他们每个只有一个细胞大。TEdits不是跨越6 cols
浏览 0提问于2018-02-13得票数 2
回答已采纳
1回答
如何通过Knockout JS在Bootstrap中利用@media事件
twitter-bootstrap、knockout.js
我正在尝试弄清楚如何在该模式中使用Bootstrap响应导航栏。我知道如何让Bootstrap nav使用切换按钮和导航栏-折叠，但我觉得为了对称，我应该在我的VM中这样做。唯一的问题是，我不确定如何根据bootstrap使用的媒体查询进行数据绑定，以切换导航栏切换按钮和导航的折叠部分。
我试图跨越Knockout/Bootstrap流是不是很愚蠢？有没有一种干净的方法可以通过基因敲除绑定来连接Bo
浏览 0提问于2014-09-29得票数 0
2回答
检查所选内容跨越DataGridView的行数
c#、winforms、datagridview
DataGridView.SelectedRows 似乎只计算完全选中的行。 如果我从一列中选择多个单元格，DataGridView.SelectedRows似乎总是返回0(如果有多个列)。如何获取用户选择所跨越的行数？
浏览 45提问于2019-01-08得票数 0
回答已采纳
2回答
HBase如何保证行级原子性？
database、nosql、hadoop、hbase、distributed-system
考虑到HBase将每个列族存储在单独的HFile中的事实，以及一行可以跨越许多列族的事实。HBase如何确保跨多个列族的行上的put/delete操作确实是原子的？
浏览 1提问于2011-07-31得票数 8
回答已采纳
1回答
Libreoffice行列宽度比前面的行大
libreoffice
如何可能有跨多个列的特定列的行，或者具有比前几行中的列更大的列？在下面的屏幕截图第8行中，A列跨越到E列，而B、C、D、E列隐藏在列A后面，而前一行7的A、B、C、D、E列都是可见的，与第9行的宽度不同。📷
浏览 0提问于2015-10-12得票数 1
回答已采纳
1回答
在excel中对多个单元格进行换行
vba、excel
我目前正在开发一个excel VBA宏，该宏使用另一个工作表中的数据自动填充表单。我尝试过使用公式来模拟自动换行，但效果不是很好(文本似乎丢失或被截断)
编辑:我有4行，每行的单元格跨越不同数量的列。例如:第一个单元格跨越5列
浏览 0提问于2014-03-05得票数 0
2回答
使用RecyclerView跨越多个列
android、layout-manager、android-recyclerview
所以我想要的是一个交错的布局，但是列表中的第一个项目需要跨越两列。前两行的高度也是固定的。除了第一个跨越两列的项目之外，我已经让所有的东西都正常工作了。我假设我可以做一个自定义的布局管理器，我只是不确定从哪里开始。我已经尝试过搜索，但是我找不到任何关于如何让项目跨越多列的信息。
浏览 9提问于2014-12-12得票数 49
2回答
我想让它看起来像这样：
每个红色块都是文本。现在我把每个街区都放在下一个街区下面，都是居中的。我似乎想不出该如何做好这件事。使用相对对齐是一件很混乱的事情。百分比似乎也
浏览 2提问于2013-03-07得票数 0
回答已采纳
1回答
如何将大列(>4000个字符)从CSV导入数据库表
azure-data-factory-2、azure-data-flow、azure-sql
我们有一个包含两个列的大CSV文件。其中一列有一个大数据，多次跨越4000多个字符，在使用数据流导入时会被截断。
浏览 0提问于2021-01-11得票数 1
回答已采纳
2回答
你能用CSS的宽度或列数“换行”表吗？
html、css、html-table
我有一个HTML表，包含两个标题行和一个主体行的17列。在大多数桌面视图中，这个表非常适合我的设计，但是在小屏幕上，表挂起了它的父元素，并创建了大量的水平滚动。我想知道，在CSS/HTML/JS中是否有一种方法可以捕获超过一定宽度的表，或者计数多个列(或任何其他合理的方法)，并将其“拆分”到一个新的行中，就像在段落中添加换行一样。我想通过编程(而不是仅仅将表重写为多个表)捕捉到这一点，因为没有这种
浏览 1提问于2019-05-28得票数 3
回答已采纳
1回答
在Wordpress post循环中添加引导行
wordpress、loops、bootstrap-4
我有4个bootstrap列，每个都有独特的样式。如果只有一个结果，那么该行应该只跨越第一列，如果有两个结果，它应该跨越前两列，如果有三个，它应该在第一行结束后开始一个新行，在第三列之后结束，如果有4个，那么第二行应该跨越第三列和第四列。
浏览 27提问于2020-08-14得票数 0
回答已采纳
1回答
从PDF列顺行提取文本，列的大小和位置各不相同
pdf、itext、pdfbox、pdftotext
如何从PDF文件中提取文本，而PDF文件在列中被分隔，从而得到由该列分隔的结果？下面是PDF样本的图片。这就是我需要阅读课文的方式。两条黑线之间的每一段都是一个组。在每个组中，第一列可以跨越多行，第二列和第三列是相关的每一行。任何帮助都将不胜感激。
浏览 2提问于2019-07-12得票数 1
1回答
如何在XUL中进行这样的布局？elem21 | elem22 | elem23 | elem24 | elem25 |<grid>似乎不允许一个元素跨越多个列带有标签的复选框将位于第一列，菜单位于第二列(其他行在那里具有相同的菜单)，标签将跨越其余列。
浏览 3提问于2010-11-05得票数 0
回答已采纳
1回答
Apache (DOCX) XWPFTable非对称单元
java、apache-poi、xwpf
我想要创建一个看起来像的表。
但唯一能做到这一点的方法就是可怕的细胞融合。我试着制作两个独立的表，但是最上面的表，跟随底部表格的单元格宽度，比如。
浏览 2提问于2017-03-17得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
