Bootstrap 3选择输入表单样式

Question

我正在尝试使用类似于bootstrap 3表单中其他输入的选择下拉菜单。见plunker

这是标题：

<!-- Bootstrap Core CSS -->
<link href="assets/css/bootstrap/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="assets/css/vitality-orange.css" rel="stylesheet" type="text/css">

如何使其外观与其他类型的输入相似？ 这是当前显示的代码：

    <div class="row control-group">
        <div class="form-group col-xs-12 floating-label-form-group controls">
            <label>Email Address</label>
            <input type="email" class="form-control" placeholder="Email Address" id="email" required data-validation-required-message="Please enter your email address.">
            <p class="help-block text-danger"></p>
        </div>
    </div>
    <div class="row control-group">
        <div class="form-group col-xs-12 floating-label-form-group controls">
            <label>Gender</label>
            <select id="gender" class="form-control">
                <option value="male">Man</option>
                <option value="female">Woman</option>
            </select>
        </div>
    </div>

Answer 1

此plunker工作正常，无需更改。

问题在于你的风格

floating-label-form-group label {
  /* display: block; */

只需删除display: block;一切正常。

Answer 2

这个解决方案完成了这项工作。谢谢Skelly和Shankar：

  

主题没有风格选择，因此请为其制作自己的样式：   codeply.com/go/5RT3pl4Dff - Skelly