2011-09-12 6 views
4

ので、CSSフレームワークブートストラップさえずりを使用して、TwitterのBootsrap HTML/CSSレイアウトとラジオボックスでの作業

あなたはこのHTMLを表示する場合、それはラジオボタンの下のテキストで表示されます、私は彼らが右に表示したいです*またはラジオボタン

の左、これはあなたが性別と性別を交換する場合、私は、Javaベースのフレームワークを使用して、spanタグ(イムにタグを変更することを制御できません。しかし、それは、所望の効果

を持つことになります動作します)

ho私はHTMLを接頭辞と接尾辞ができwever - ウィザードウル

   @@@@@@@@ ADD PREFIX HTML @@@@@@@@@@@@<input type="radio" checked name="optionsRadios" value="option1" /> 
       <label>Gender</label>@@@@@@@ADD ADD SUFFIX THML @@@@@@@@@@@@ 

次の例に示すあなたはこの作業を取得することができた場合に!おかげでみんな


 <div class="clearfix"> 
     <label id="optionsRadio">Gender</label> 

     <div class="input"> 
      <ul class="inputs-list" wicket:id="gender"> 
      <li> 
       <label> 
       <input type="radio" checked name="optionsRadios" value="option1" /> 
       <label>Gender</label> 
       </label> 
      </li> 

      <li> 
       <label> 
       <input type="radio" name="optionsRadios" value="option2" /> 
       <label>Gender</label> 
       </label> 
      </li> 
      </ul> 
     </div> 

答えて

1

ラジオブートストラップのデモページのボタンは、期待どおりにレンダリングされるので、これを引き起こす独自のCSSやマークアップの問題があります。

私の推測では、ラジオボタンとラベルが別のラベルの中にネストされているためです。ラッパーラベルを削除して、それが機能するかどうか確認してください。

関連する問題