html - Twitter Bootstrap HTML/CSS 布局和使用单选框

Question

所以使用 twitter bootstrap CSS 框架，

如果您显示此 html，它将与单选按钮下方的文本一起显示，我希望它们显示在单选按钮的右侧 * 或左侧

如果您将 Gender 替换为 Gender，这会产生预期的效果

但是我无法控制将标签更改为 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>

Answer 1

bootstrap 演示页面上的单选按钮按您预期的方式呈现，所以要么是您自己的 CSS 中的某些内容导致了这种情况，要么是您的标记有问题。

我的猜测是问题是因为您的单选按钮和标签嵌套在另一个标签中。尝试移除包装标签，看看是否可行。