Перетяжка не работает должным образом в Mobile-View с Bootstrap

Question

Итак, я работа в Bootstrap отступа работу должным образом, как ожидается, в Web-View, Но Mobile-View обивка не работает, как ожидалось, Я использую класс "col-sm-offset-3 col-md-3" для раскрывающийся и col-sm-2 padding5px для кнопки.

Я хочу заполнить между выпадающим списком и кнопкой в ​​Mobile-View.

Где проблема, я не узнаю.

Web-View изображения:

Mobile-View изображения:

Вот код:

<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

по умолчанию в загрузчике нет верха и низа обивки и границы между перевалами вам нужно добавить пользовательские отступы или корешок CSS вы можете попробовать код ниже

<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> 

Если вы не хотите, чтобы добавить встроенные css (атрибут стиля). Вы можете добавить следующий код в вас файл CSS

#btnDownload{ 
    margin-top:5px; 
} 

или для заполнения

#btnDownload{ 
    padding-top:5px; 
} 

надеюсь, что это будет работать