html - 如何在列之间添加空格
问题描述
我使用 Bootstrap 创建 3 列。添加边框后,这些列相互堆叠。我试图更改填充和边距,但没有奏效。如何在列之间添加空格?
HTML
<h3>Simple Text Box Color</h3>
<div class="row">
<div class="col-md-4 black-border">
<h3>Sample Text Box</h3>
<p>Lorem ipsum dolor sit amet</p>
</div>
<div class="col-md-4 black-border">
<h3>Sample Text Box</h3>
<p>Lorem ipsum dolor sit amet</p>
</div>
<div class="col-md-4 black-border">
<h3>Sample Text Box</h3>
<p>Lorem ipsum dolor sit amet</p>
</div>
</div>
CSS
.black-border{border: 1px solid #000;}
解决方案
尝试使用我在您的代码上测试过的保证金,它有效。
<style>
.black-border{ padding-left:30px;
margin-top: 30px;
margin-bottom: 30px;
margin-right: 30px;
margin-left: 30px;
border: 1px solid #000;}
</style>
推荐阅读
- c# - Bootstrap DateTimePicker 渲染不正确
- r - R中的日期值到日期格式
- linux - bash sed:-e 表达式 #1,字符 7:未终止的 `s' 命令
- java - ArrayList 添加私有访问错误
- visual-studio-code - 使用 Live Share 时浏览器中的 Visual Studio Code 预览文件
- java - 分布式系统中的警报/消息转发
- javascript - Javascript 优化、V8 引擎和 Typescript
- python - 如何使用关键字在 nvidia-smi 中使用 PID 杀死 GPU 上的进程?
- css - 如何获得较小的 cols 以匹配他们兄弟姐妹的身高?
- c# - 使用 2 个其他数组对数组进行排序