Wie kann ich Padding auf einem kleinen Bildschirm entfernen, wenn ich Padding auf dem Desktop-Bildschirm im Bootstrap muss?

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 "> 
 
\t 
 
     <img src="Kiara.png" class="img-rounded " alt="Cinque Terre"> 
 
    
 
\t </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>

dies ist mein Code, wo ich css 'Klasse nir' auf einem div gelte Top-Polsterung in Desktop zu bekommen, aber ich will nicht padding in kleinem Bildschirm (mobil). Also, wie kann ich dies tun Bitte machen Sie mir. (Ich will nicht Medien Bildschirm verwenden)

Answer 1

können Sie verwenden @media in Ihrer CSS-Datei zum Beispiel in der CSS-Datei hinzufügen, so etwas wie dieses

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

Ändern Sie die maximale Breite auf die gewünschte Bildschirmgröße, in diesem Beispiel wird alles, was weniger als 600px 0 Padding haben