选择并输入内联对齐

时间:2016-02-02 00:57:07

标签: twitter-bootstrap twitter-bootstrap-3

我努力将selectinput元素内联,但无论我做什么,我都无法这样做。我尝试使用许多stackoverflow问题的解决方案,但我没有成功。我确信这是我监督的一个愚蠢的小错误。请帮助,提前谢谢

http://plnkr.co/edit/23LX0GqcJzgkvM3j9jdx?p=preview

1 个答案:

答案 0 :(得分:1)

由于您已经在使用Bootstrap,我建议您使用它来创建两列:

<form class="form-inline">
  <div class="row">
    <div class="col-xs-6">
      <span class="form-group">
         <select name="" id="" class="form-control">
          <option value="">1</option>
          <option value="">2</option>
          <option value="">3</option>
          <option value="">4</option>
        </select>
      </span>
    </div>
    <div class="col-xs-6">
      <span class="form-group">
        <input id="title" ng-model="bug.title" name="title" type="text" placeholder="Bug title" class="form-control" tabindex="1" required autofocus>  
      </span>
    </div>
  </div>
</form>