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

时间:2017-08-21 21:35:47

标签: html css twitter-bootstrap twitter-bootstrap-3

我试图在选择输入字段中添加星号,如果我给出我的css,我可以很容易地做,但我的条件是使用bootstrap 3.3.7或更小的版本并在同一行显示星号screenshot

<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

1 个答案:

答案 0 :(得分:0)

仅使用引导程序,您可以执行此操作

<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>