我想在asp.net中的下拉列表旁边放置一个按钮

Question

这可能是一个非常基本的问题，但是我想在下拉列表旁边放置一个按钮。

我想做到这一点而无需更改CSS 。我已经尝试了很长时间，无法正确解决问题，我知道有一种简单的方法可以做到，但是我很沮丧

代码：

<div class="col-md-4">
   <div class="form-group">
       <label for="Grupo">TI's</label>
       <select class="form-control" id="TIDropDown"></select>
       <button type="button" class="btn btn-default ">
           <span class="glyphicon glyphicon-align-left"></span>
       </button>
   </div>
</div>

这是显示的内容：

我希望按钮旁边显示该按钮，以便动态添加更多下拉菜单。

谢谢。

Answer 1

如果您使用的是Bootstrap

您可以像这样使用Input Group ...

<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet"/> 
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet"/>

<div class="col-md-4">
  <div class="input-group">
     <select class="custom-select" id="TIDropDown">
       <option>Choose...</option>
       <option>Option 1</option>
       <option>Option 2</option>
     </select>

     <div class="input-group-append">
        <button class="btn btn-outline-secondary" type="button">
           <span class="glyphicon glyphicon-align-left"></span>
        </button>
     </div>
  </div>
</div>

Answer 2

您可以将“行”类添加到您的组中。 然后您可以分隔空格。

false