Laravel表格

Question

我有這個網站的一個表單。在這裏，我要求用戶提供他們的語言技能。

首先，我建立了它像一個列表：

 <div class="col-md-3"> 
     <ul class="list-unstyled" id="request_profile_languages"> 
      @isset($requestProfile) 
      @foreach($requestProfile->languages as $index=>$requestProfileLanguage) 
       <li> 
       <select {{ (FALSE == $canEdit) ? 'readonly':'' }} class="form-control form-select" id="{{ 'request_profile_language_'.$index }}" name="{{ 'request_profile_language_'.$index }}" placeholder="Language"> 
        @foreach($languages as $r=>$language) 
        <option {{ ($language->name == $requestProfileLanguage->language->name) ? 'selected':'' }} value="{{ $language->value }}" >{{ $language->name }}</option> 
        @endforeach 
       </select> 
       </li> 
      @endforeach 
      @else 
      <li> 
       <select {{ (FALSE == $canEdit) ? 'readonly':'' }} class="form-control form-select" id="request_profile_language_0" name="request_profile_language_0" placeholder="Language"> 
       @foreach($languages as $r=>$language) 
        <option {{ ($language->name == 'English') ? 'selected':'' }} value="{{ $language->value }}" >{{ $language->name }}</option> 
       @endforeach 
       </select> 
      </li> 
      @endisset 
     </ul> 
     </div> 

有更多的div的語言水平和語言刪除。

的問題是在現場，當我最小化瀏覽器，它看起來像這樣：

Language List

我想要一個表替代此列表。我應該做些什麼？

Answer 1

那麼，你有你的名單在.col-md-3股利。如果將其更改爲.col-xs-something並將x放在它旁邊的.column-xs中，則它們仍應匹配。我假設這是如何在更大的設備上，因爲你沒有發佈的X的HTML？