如何解决Bootstrap 3 Push和Pull有效,但是如何在左右列之间留出很小的空间?
您好,我已经重新设计了网站中的主要用于台式机/笔记本电脑的区域。但是,尽管这一切都很好,但我们注意到少数人(很少)抱怨它在手机上的外观。因此,我正在研究改进它的方法,正在将Bootstrap 3与asp.net(webforms)一起使用。通过使用BS列,使它看起来更美观,更令人愉快。但是,我不得不在页面上的两个主要部分中使用推拉功能,因此在大屏幕上时,左侧部分位于屏幕右侧,右侧部分位于屏幕左侧。我这样做是为了在移动视图中仅依靠标记的顺序来正确显示它。无论如何,这些看起来都不错,但是我有一个小问题困扰着我。在左右两边之间没有空间,当我尝试添加某些内容时,布局会变得疯狂。有谁知道如何创建一个小的空间。
这就是我想要的,它们之间要有一个很小的空白空间。
简单标记在下面
<div>
<div class="row">
<div id="secondCol" class="col-xs-12 col-sm-12 col-md-4 col-lg-4 col-md-push-8 col-lg-push-8">
<!-- content here -->
</div>
<div id="firstCol" class="col-xs-12 col-sm-12 col-md-8 col-lg-8 col-md-pull-4 col-lg-pull-4">
<!-- content here -->
</div>
</div>
</div>
任何帮助将不胜感激,因为当我甚至添加任何边距时,我都会得到以下
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。