Bootstrap - 行我可以让列加起来超过 12 吗?

2023-11-29

我想知道我的嵌套行加起来是否可以超过 12 行?这样的工作方式有错吗?

我尝试过,它似乎对我来说效果很好,但我想确保我做得正确。

举个例子,我可以要这个吗?

<div class="col-md-10">
 <div class="container">
  <div class="row">   
   <div class="col-md-3"> ... </div>
   <div class="col-md-3"> ... </div>
   <div class="col-md-3"> ... </div>
   <div class="col-md-3"> ... </div>
   <div class="col-md-3"> ... </div>
   <div class="col-md-3"> ... </div>
   <div class="col-md-3"> ... </div>
   <div class="col-md-3"> ... </div>
  </div>
 </div>
</div>

是的,一个表格中的列数可以超过 12 列。row它只会使额外的列换行到下一行。因此,在您的示例中,您将有 2 行,每行 4 行。

http://bootply.com/91392

来自 Bootstrap 文档 (http://getbootstrap.com/css/#grid)..

“如果单行中放置的列超过 12 列,则每组 额外的列将作为一个单元换行到新行”

另外,这里还有一些使用超过 12 列的示例(col-*)在一个单一的row: http://getbootstrap.com/css/#grid-example-mixed

请注意响应式重置如果柱子的高度不同。 阅读更多关于何时使用 Bootstrap 行


相关问题:
如果我将超过 12 列排成一行,Bootstrap 会发生什么?
Bootstrap 3 - 连续使用超过 12 列
在哪里放置引导行类
多行引导行

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Bootstrap - 行我可以让列加起来超过 12 吗? 的相关文章

随机推荐

  • 表情符号导致行高发生变化

    p Alternatively you can use percentages which will be calculated with respect to the width of the generated box s contai
  • Android 多播套接字停止监听

    我在 Android 上有一个服务 可以监听并响应通过多播接收的数据包 这在大多数情况下都有效 但不幸的是 我发现它时不时地会停止接收数据包 线程在调用 MulticastSocket receive 时保持阻塞状态 但没有任何结果 我一直
  • php 布尔数组访问

    我最近偶然发现以下内容 这产生了NULL 但是 出乎我意料 without任何通知 例如 确实产生了众所周知的 Notice Uninitialized string offset 123 in on line 1 这里发生了什么 有这种行
  • 使用linux bash脚本清除存档文件

    这是我的问题 我有一个文件夹 其中存储了具有特定格式的多个文件 文件名称 类型MM DD YYYY HH MM 其中 MM DD YYYY HH MM 是其创建时间 当然 可能有多个同名文件 但时间不同 我想要的是一个可以保留每个文件的 3
  • mod-rewrite 重定向但阻止直接访问

    我想将所有内容重定向到 www example com public 但阻止直接访问 www example com public file1 www example com public file2 etc 最终的 URL 应该是 www
  • Android ACTION_VIEW 多张图像

    我希望我的应用程序显示一到三张照片 直到运行时我才知道从互联网上下载了多少照片 我不知道如何创建一个意图来显示照片 现在 我将它们缓存在 SD 卡上的一个文件夹下 该文件夹是我通过执行类似操作 无错误检查 创建的 final File ex
  • View.toString()读出含义

    我将视图记录到 logcat 中 以区分不同的视图以进行调试 我注意到输出 主要由 View toString 引起 是这样的 com example app CustomView 7b14550 IFE C 0 0 1440 315 大括
  • 如何使用 /dev/stdin 和 read.csv() 从终端读取输入?

    我在用着 R version 3 0 0 2013 04 03 Masked Marvel Platform x86 64 pc linux gnu 64 bit 我尝试使用read csv直接从终端输入一些 CSV 数据片段 标题 我遇到
  • R data.table 多列重新编码/子分配[重复]

    这个问题在这里已经有答案了 设 DT 为数据表 DT lt data table V1 sample 10 V2 sample 10 V9 sample 10 是否有更好 更简单的方法来进行多列重新编码 子分配 如下所示 DT V1 1 V
  • Facebook:了解用户何时喜欢某个 URL

    我可以得到一双user id url from url like table 如前所述 唯一的两列是user id url 我尝试通过连接多个表等多种方式来获取 喜欢 URL 的日期 但没有成功 许多例子之一可能是 SELECT url i
  • Python 多进程分析

    我想分析一个简单的多进程 Python 脚本 我尝试了这段代码 import multiprocessing import cProfile import time def worker num time sleep 3 print Wor
  • 以编程方式将 UIBarButtonItem 添加到 UITabBarController 内的所有导航视图控制器

    结构如下 View Tab Bar Controller Navigation Controller 视图控制器 Navigation Controller 视图控制器 Navigation Controller 视图控制器 Navigat
  • 使用 openpyxl 将工作表(数据+样式)从一个工作簿复制到 Python 中的另一个工作簿

    我有大量的 XLS 文件 超过 500 个 我只需要替换第一张表 需要是第一个工作表的数据 样式 字体 背景 边框 单元格对齐甚至图像 的完美副本 我在Python中使用openpyxl找到的所有解决方案都只允许它复制数据 而没有样式 使用
  • 添加对 QLineEdit 的点击

    我正在为 QLineEdit 设置 click 事件 我已经成功做到了 但我想在点击QLine Edit时返回Mainwindow 因为我需要Mainwindow中的数据来进一步处理数据 但我没能让它回去 也没有引用Mainwindow作为
  • 控件在设计时的启用外观?

    我定义了一个自定义按钮类 它在启用 禁用按钮时设置背景颜色 运行时启用的外观 A 运行时禁用外观 B 设计时外观始终为 A 无论 的值如何Enabled财产 我希望我的控件在设计器中的显示方式与运行时的显示方式完全相同 这可能吗 如果可能的
  • 模拟器与三星设备 SD 卡存储

    三星设备是带有 Android 7 0 API 24 的 T810 并具有 SD 卡 我们创建的其他应用程序已将其写入 SD 卡上的 SQLite DB 没有任何问题 遗憾的是 我们不确定这是否是在 Android 7 0 更新之前 截至目
  • 克隆
    标签并将其包裹在现有内容周围?

    所以有一个现有的表单标签
  • 当响应包含印地语或其他特殊字符时,SAXParser 失败

    我正在使用 SAX 解析器来解析 XML 响应 但它抛出异常 ExpatParser ParseException not well formed invalid token 有什么解决办法吗 这是我的代码 HttpParams param
  • ios sdk 停止多点触控功能

    我有多个按钮 如果用户触摸 2 个或更多按钮并同时释放 我只想给出一个按钮的操作 我怎样才能做到这一点 在此先感谢您的帮助 Set exclusiveTouch所有按钮的属性yes 如果这不起作用 您可能必须在用户点击特定按钮时禁用所有其他
  • Bootstrap - 行我可以让列加起来超过 12 吗?

    我想知道我的嵌套行加起来是否可以超过 12 行 这样的工作方式有错吗 我尝试过 它似乎对我来说效果很好 但我想确保我做得正确 举个例子 我可以要这个吗 div class col md 10 div class container div