Bootstrap: append/prepend using

Question

Я разрабатываю некоторый проект с Bootstrap, а здесь некоторые другие css, и где-то он тормозит надстройку надстройки (append/perpend). Поэтому я не могу решить эту проблему. Не могли бы вы мне помочь. я обнаружил, что некоторые исправления может помочь мне:

.input-prepend .add-on { 
margin-right: -1px; 
position:relative; 
bottom:2px; 
} 

, но это не помогает.

часть HTML-кода

<div class="form-string clearfix"> 
    <dl> 
     <div class="span2"> 
      <dt>Phone:<span style="color:#ff0000">*</span></dt> 
      <dd> 
       <div class="input-prepend input-append"> 
       <span class="add-on" >+7</span><input type="text" maxlength="10" id="phone"> 
       <span class="add-on "><input id="alertphone" type="checkbox" checked="checked" class="addonCheckbox"></span> 
       </div> 
      </dd> 
     </div> 
     <div class="span2" style="position:relative; left:-2%"> 
      <dt>&nbsp;</dt> 
      <dd> 
       Send SMS 
      </dd> 
     </div> 
    </dl> 
</div> 

add-on problem

Answer 1

Вы можете попробовать:

<div class="form-string clearfix"> 
<dl> 
    <div class="span2"> 
     <div class="control-group"> 
      <label class="control-label" for="email">Phone:<span style="color:#ff0000">*</span></label> 
      <div class="controls"> 
       <div class="input-prepend input-append"> 
        <span class="add-on" >+7</span> 
        <input type="text" maxlength="10" id="phone"> 
        <span class="add-on "><input id="alertphone" type="checkbox" checked="checked" class="addonCheckbox"></span> 
       </div> 
      </div> 
     </div> 
    </div> 
    <div class="span2" style="position:relative; left:-2%"> 
     <dt>&nbsp;</dt> 
     <dd> 
      Send SMS 
     </dd> 
    </div> 
</dl> 

Вы забыли, ввода-PREPEND и input-append?

Также, на мой взгляд, используется только div теги.

Важно, проверьте для Ver. 3+ теги нового класса: http://goo.gl/t6GnwL