Twitter bootstrap 在引导程序中,仅在小屏幕上留有边距

Twitter bootstrap 在引导程序中,仅在小屏幕上留有边距,twitter-bootstrap,twitter-bootstrap-3,Twitter Bootstrap,Twitter Bootstrap 3,我怎样才能给一行一个20px的左边空白,仅用于引导中的小屏幕 <div class="row mleft20"> </div> 这将对所有屏幕应用边距。有没有一种方法可以只在小屏幕上使用,这样我就可以将内容从屏幕边缘移开。谢谢使用媒体查询。 例: 一些有用的链接: , “ml-sm-2 ml-sm-0”,假设您的em为10px 这两个都需要,因为这些规则适用于所有较大的尺寸,所以如果没有第二个,利润将继续扩大到更大的屏幕上 我知道这是一篇废弃的旧文章,但若有人发

我怎样才能给一行一个20px的左边空白,仅用于引导中的小屏幕

<div class="row mleft20">

</div>

这将对所有屏幕应用边距。有没有一种方法可以只在小屏幕上使用,这样我就可以将内容从屏幕边缘移开。谢谢使用媒体查询。 例:

一些有用的链接: ,

“ml-sm-2 ml-sm-0”,假设您的em为10px

这两个都需要,因为这些规则适用于所有较大的尺寸,所以如果没有第二个,利润将继续扩大到更大的屏幕上


我知道这是一篇废弃的旧文章,但若有人发现了它,Bootstrap为媒体查询提供了这个快捷方式。您应该使用“页边空白类型”-“屏幕大小”-“金额”而不是完整的媒体查询,因为在引导和CSS之间划分样式实际上会使维护更加困难。

将其包装在@media querys属性中。在CSS中。查看引导CSS文档了解更多信息:
@media all and (max-width: 360px){
    .mleft20{
        margin-left: 20px;
     }
}