Question

我是Bootstrap的新手。我创建了一系列带标签的单选按钮，但默认情况下，单选按钮首先放在标签之前。我希望在单选按钮之前先放置标签。

这是我的代码：

<div class="radio">
                        <label class="radio inline control-label">
                        Settled
                        <input type="radio" name="radiobtn" id="radio_Cancelled" value="option1" checked>
                        </label>
                    </div>


                <div class="radio">
                    <label class="radio inline control-label">
                    Cancelled
                    <input type="radio" name="radiobtn" id="radio_Cancelled" value="option2">
                    </label>
                </div>

                <div class="radio">
                    <label class="radio inline control-label">
                    Postponed
                    <input type="radio" name="radiobtn" id="radio_Postponed" value="option3">
                    </label>
                </div>

                <div class="radio">
                    <label class="radio inline control-label">
                    Re-book (funds not sent)
                    <input type="radio" name="radiobtn" id="radio_Rebook" value="option4">
                    </label>
                </div>

                <div class="radio">
                    <label class="radio inline control-label">
                    Funded Manually
                    <input type="radio" name="radiobtn" id="radio_FundedManually" value="option5">
                    </label>
                </div>

任何人都可以帮助我吗？如果您能帮我解决这个问题，我将不胜感激。谢谢:)）

Answer 1

默认情况下，Bootstrap会将它们浮动到左侧，您可以将此行添加到CSS中。

.radio input[type="radio"] {
  float:none;
  margin-left:5px;
}

这是给你的一个bootply - http://bootply.com/107892 改变边缘左边以适合您的口味。

在Bootstrap 3中将标签放在Radio之前

1 个答案: