twitter-bootstrap - Bootstrap 4 网格 - 3 列 - 5.5 - 1 - 5.5
问题描述
看起来半列大小在 Boostrap 4 中是可行的。
我正在尝试做一个基本的响应式布局,如下所示。我意识到他们必须添加到 12。
第 1 栏 (5.5) - 第 2 栏 (1) - 第 3 栏 (5.5)
这篇文章似乎暗示这是可能的?我想确保它保持基本的排水沟和间距。
https://medium.com/wdstack/the-bootstrap-4-is-getting-odd-e9400b121719
实现这一目标的最简单方法是什么?就像是:
<div class="row">
<div class="col-55">
Col 1 - 55%
</div>
<div class="col-05">
Col 2 - 5%
</div>
<div class="col-55">
Col 3 - 55%
</div>
</div>
解决方案
如文章中所述,使用auto-layout
与网格列组合的列...
<div class="row">
<div class="col">
5.5
</div>
<div class="col-1">
1
</div>
<div class="col">
5.5
</div>
</div>
推荐阅读
- python-3.x - 构建 wxpython 失败
- excel - 尝试将 Excel 列更改为文本
- spring-boot - 如何使 pf4j 插件 bean 可注入 Spring 应用程序
- excel - Excel VBA - 加速编辑列中所有单元格的循环
- android - Flutter - 我们可以忽略/限制/控制“系统显示大小”设置吗?
- excel - 创建excel图表显示该类别的实现值与标准集?
- mysql - 无法将在 docker 上运行的 MySQL 服务器与 Node-Red 容器连接起来
- c# - 相机在应用鼠标旋转之前重置键盘旋转
- spring-security - 为什么oauthtoken response_body中的“access_token”改为“value”?
- plot - 使用 K-means 缩放后如何使用原始变量绘制散点图