标签: twitter-bootstrap-form

我正在尝试使用Bootstrap 3实现如下截图所示的效果.

如您所见,搜索按钮是:

1)输入内部

2)用glyphicon设计,以便不像"按钮".

如何使用Bootstrap 3实现类似的效果？我想在文本输入的末尾放置一个带放大镜glyphicon的按钮,但按钮会一直显示在输入下方而不是内部.

如何在输入表单旁边制作标签？我已经尝试了任何可能的方法，但它不起作用。请在下面检查我的代码。

  <div class="modal-body">
      <form class="form-horizontal">
        <div class="form-group">
          <label>Type</label>
          <input type="email" placeholder="Email Address" class="form-control">
        </div>
        <div class="form-group">       
          <label>First Name</label>
          <input type="password" placeholder="Password" class="form-control">
        </div>
      </form>
  </div>

css

div.form-group{
display: inline;}