Bootstrap提供了一个类col-sm-offset- *来在列之间添加空格.它在笔记本电脑屏幕上工作正常,但是当我们将屏幕分辨率更改为移
在bootstrap lib中是否有任何类可以实现预期的结果.
电流输出,
预期结果,
解决方法
您可以向该特定div添加额外的类(任何名称)并使用给定的css.
.custom{ margin-bottom:10px; }
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/> <div class="container"> <div class="row"> <div class="col-sm-2 col-sm-offset-1 custom" style="background-color:lavender;">col-1</div> <div class="col-sm-2 col-sm-offset-1 custom" style="background-color:lavenderblush;">col-2</div> <div class="col-sm-2 col-sm-offset-1 custom" style="background-color:lavender;">col-3</div> <div class="col-sm-2 col-sm-offset-1 custom" style="background-color:lavenderblush;">col-4</div> </div> </div>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。