Question

.nir{
padding-top:170px;
padding-left:100px;
}

<div class="container">
  <div class="row">
    <div class="col-md-3 nir col-md-offset-1 col-xs-offset-2 ">
	
      <img src="Kiara.png"  class="img-rounded " alt="Cinque Terre">
   
	</div>
    <div class="col-sm-4 col-sm-offset-0 col-xs-offset-1">
      <img src="divyam.png" class="img-rounded" alt="Cinque Terre">
    </div>
    <div class="col-sm-4">
      <img src="onourown.png" class="img-rounded" alt="Cinque Terre">
    </div>
  </div>
</div>

这是我的代码，我在div上应用css'class nir'来获得桌面上的顶部填充，但我不想在小屏幕（移动）中填充。那么我该怎么做呢请建议我。（我不想使用媒体屏幕）

Answer 1

您可以在.css文件中使用@media，例如在您的css文件中添加类似

的内容

@media (max-width:600px) {
    .nir{
           padding-top:0px;
           padding-left:0px;
    }
}

将最大宽度更改为您想要的任何屏幕尺寸，在此示例中，任何小于600px的内容都将具有0填充

当我需要在桌面屏幕上填充bootstrap时，如何在小屏幕上删除填充？

1 个答案: