Twitter Bootstrap HTML/CSS 布局和使用单选框答案

【问题标题】：Twitter Bootsrap HTML/CSS layout and working with radio boxesTwitter Bootstrap HTML/CSS 布局和使用单选框
【发布时间】：2011-11-15 02:08:55
【问题描述】：

所以使用 twitter bootstrap CSS 框架，

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

如果您将 Gender 替换为 Gender，这将有效

但是我无法控制将标签更改为跨度标签（我使用基于 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>

【问题讨论】：

标签： html css twitter twitter-bootstrap

【解决方案2】：

引导演示页面上的单选按钮按预期呈现，因此要么是您自己的 CSS 中的某些内容导致此问题，要么是您的标记存在问题。

我的猜测是问题在于您的单选按钮和标签嵌套在另一个标签中。尝试删除包装标签，看看是否有效。

【讨论】：