Padding funktioniert nicht richtig in Mobile-View mit Bootstrap

Question

Also, ich bin Arbeit in Bootstrap padding Arbeit richtig wie erwartet in Web-View, Aber in Mobile-View padding nicht wie erwartet, Ich verwende Klasse "col-sm-offset-3 col-md-3" für Dropdown und col-sm-2 padding5px für Knopf.

Ich möchte Padding zwischen Dropdown und Schaltfläche in Mobile-View.

Wo ist das Problem, das ich nicht herausfinden werde.

Web-View-Bild:

Mobil-View-Bild:

Hier ist der Code:

<div class="form-group"> 
     <div class="col-sm-offset-3 col-md-3"> 
      <select id="ddlDownload" class="form-control"></select> 
     </div> 
     <div class="col-sm-2 padding5px"> 
      <button id="btnDownload" type="button" class="btn btn-primary" onclick="DownloadFile()">Download</button> 
     </div> 
    </div> 

Answer 1

standardmäßig in Bootstrap gibt es keine obere und untere Polsterung und Marge zwischen cols Sie benötigen individuelle Polsterung oder Marge von CSS hinzufügen können Sie Code unten versuchen

<div class="form-group"> 
     <div class="col-sm-offset-3 col-md-3"> 
      <select id="ddlDownload" class="form-control"></select> 
     </div> 
     <div class="col-sm-2" style="padding-top:5px"> 
      <button id="btnDownload" type="button" class="btn btn-primary" onclick="DownloadFile()">Download</button> 
     </div> 
</div> 

Wenn Sie möchten Inline nicht hinzufügen css (Stilattribut). Sie können den folgenden Code hinzufügen, in Sie padding

#btnDownload{ 
    margin-top:5px; 
} 

oder für Datei CSS

#btnDownload{ 
    padding-top:5px; 
} 

Hoffnung diese