Question

也发布在bootstrap github上......

有问题的代码现已发布在www.cocktailswithkatie.com

在电脑，平板电脑和手机上，一切都很好用...... 除了在移动设备页面底部附近，隐藏在我的低内容显示中的下边栏显示错误，并且表现得像忽略了我的css catch - 通过chrome开发工具的移动模拟显示它正常工作，但是在我的iphone5上看起来它看起来因为它忽略了以下规则。

@media only screen and (min-width: 320px) and (max-device-width: 568px),
@media only screen and (min-width: 360px) and (max-device-width: 640px),
@media all and (max-width: 768px) {
  .lower-content lower-sidebar.col-xs-12 {
    padding: 2em 0 0 0;
  }
}

我已经缩小了bootstrap中的以下css规则似乎导致了冲突：

/* culprit! */
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; 
}

然而，

更改此处的填充以修复此一个案例问题，根据列规则更改布局的其余部分。

有人可以提出解决方案吗？也许以不同的方式定位适当的类选择器？

Answer 1

你的css规则应该是这样的：

tinycap -d 5 test.wav(5s)

Answer 2

我和你所谓的罪魁祸首有类似的问题。

我所做的就是修复这个问题，创建一个类并添加！重要。

.new-padding{
    padding: 2em 0 0 0 !important;
}

然而，这似乎是你已经尝试过的东西，这让我觉得我没有完全理解这个问题，如果是的话，请你详细说明一下吗？

骑行网格/列填充的引导问题

2 个答案: