如何将选项内容包装到新行?

时间:2016-11-23 03:36:24

标签: html css

我在我的网页中添加了一个选项,但选项占据了我的大部分屏幕。如何将选项值换行到下一行?以下是我的代码。我正在使用bootstrap。 You can see in the image that select is kind of taking 50% of screen when open.

任何人都可以建议我,如何以更好的方式做到这一点?

<div class="form-group">
     <label for="collegeSelectOption">Select College</label>
     <div class="input-group">
     <select class="form-control custom-select" id="collegeSelectOption" name="collegeSelectOption">

         <!-- Some Php code to include options in my select -->             

     </select>
     <span class="input-group-btn">
          <input class="btn btn-secondary" type="submit" name="collegeSelected" value="Go!">
     </span>
    </div>
  </div>

0 个答案:

没有答案