Twitter Bootsrap HTML / CSS布局和使用无线电盒

所以使用twitter bootstrap CSS框架,

如果你显示这个html它将显示单选按钮下的文本,我希望它们显示在单选按钮的右侧*或左侧

如果您将性别替换为性别,它将起作用,它将具有所需的效果

但是我无法控制将标签更改为span标签(使用基于java的框架)

但是我可以为html添加前缀和后缀 – 如下例所示

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

最佳答案 引导程序演示页面上的单选按钮会按预期进行渲染,因此您自己的CSS中有任何内容会导致此标记或标记出现问题.

我的猜测是问题是因为你有你的单选按钮和你的标签嵌套在另一个标签内.尝试删除包装标签,看看是否有效.

点赞