引導選擇選項比輸入

更寬我不知道爲什麼，但scrren尺寸1024×768我選擇的選項從選擇是SOOO大。我怎樣才能做到這一點，這個選項是寬度像選擇？我只想在bootstrap 4上做這個，只使用bootstrap中的類，但我不知道或者它是可能的，我不知道爲什麼這個選擇是這樣的。在更大的屏幕尺寸上，一切都很好。如何解決它？這裏是我的代碼：

<div class="row"> 
     <div class="col-sm-6" style="border: 1px solid black"> 
      <span class="font-weight-bold">Data</span> 
       <form role="form"> 
        <div class="form-group"> 
        <label class="control-label">Choose</label> 
        <select class="form-control" name="docType"> 
         <option value="paragon">Test1</option> 
         <option value="complaint">Test2</option> 
        </select> 
        </div> 
        <div class="form-group"> 
         <label for="docNo">Data</label> 
         <input type="text" class="form-control" id="docNo"> 
        </div> 
        <div class="form-group"> 
         <label for="docDate">Data</label> 
         <input type="text" class="form-control" id="docDate"> 
        </div> 
       </form> 
     </div> 
     <div class="col-sm-6"> 
     Test    
     </div> 
    </div>

來源

2017-09-26 wenus

您是否使用任何其他樣式文件？我用你的代碼和引用bootstrap做了一個小提琴，它看起來很好，我沒有看到任何問題。「你選擇的選項如此之大」的意思是什麼？你真的需要什麼？ https://jsfiddle.net/bocanegra_carlos/wt1nLnhs/ – bocanegra

你參考的文件是什麼？你是否使用bootstrap建議的所有參考？ https://v4-alpha.getbootstrap.com/getting-started/introduction/#starter-template – bocanegra

我已經編輯了什麼問題是在特定的屏幕大小，我的工作。是的，我使用bootstrap 4.這些選項非常寬廣 – wenus

你有沒有在你的CSS的東西是迫使期權是一個靜態的像素大小，而不是允許引導的寬度僅僅是汽車？

來源

2017-09-26 15:21:07 Harley

我不這麼認爲。這是我第一次使用bootstrap 4，並且我的項目中沒有任何內容不使用選擇。 – wenus

即使使用引導程序，通常選項標記也不會顯示大的選項，但您可以嘗試使用以下CSS代碼來爲html中的所有表單元素調整寬度。

.form-control 
    { 
    width:90%; 
    }

來源

2017-09-26 16:45:10 Steeve

引導選擇選項比輸入

回答

相關問題