将文本添加到同一行中的引导选择输入

Question

我正在尝试在选择输入字段中添加星号，如果我提供我的 css，我可以轻松做到，但我的条件是使用 bootstrap 3.3.7 或更低版本并在同一行显示星号 @987654321 @。

<style>
.asterik-span{
    color: red; font-family: bold; font-size: 16px;
 }
.select-diag{
   width:90%;border:1px solid #ddd; border-radius:3px;height:32px;
 }
</style>

html

 <select  class="select-diag">
    <option >Value1</option>
    <option >Value2</option>
    <option >Value3</option>
</select>
<span class='pull-right asterik-span'>*</span>

Jsfiddle

Answer 1

要使用引导程序，您可以这样做

<div class="input-group">
  <select  class="form-control">
    <option>Value1</option>
    <option>Value2</option>
    <option>Value3</option>
  </select>
  <div class="input-group-addon">
    <span class='asterik-span'>*</span>
  </div>
</div>