bootstrap label文字右对齐

可以使用 Bootstrap 的文本对齐类和 float-right 类来实现 label 文字的右对齐。

例如：

<span class="text-right float-right">
  <span class="badge badge-secondary">标签</span>
</span>

在这个例子中，我们使用了 `text-right` 类将标签的文字右对齐，又使用了 `float-right` 类将整个标签元素向右浮动。这样就可以实现 label 文字的右对齐效果了。

相关问题

bootstrap 3.0 radio水平对齐

可以使用`inline`类来实现水平对齐。具体的做法是，在每个`<label>`标签外包裹一个`<div class="radio-inline">`，并且在每个`<input type="radio">`标签中添加一个相同的`name`属性，以确保它们在同一组中。例如：

<div class="form-group">
  <label>性别：</label>
  <div class="radio-inline">
    <label><input type="radio" name="gender" value="male">男</label>
  </div>
  <div class="radio-inline">
    <label><input type="radio" name="gender" value="female">女</label>
  </div>
</div>

这将产生一个水平排列的两个单选按钮，如下所示：

性别： ( ) 男 ( ) 女

请注意，`<label>`标签中的文本应该与`<input>`标签放在同一个`<label>`中，这样就可以通过单击文本来选择单选按钮。

bootstrap radio水平对齐

要实现 Bootstrap 中 radio 水平对齐的效果，你可以将每个 radio 包装在一个 div 标签中，并添加 `class="form-check"`，然后在这些 div 标签的外层再包装一个 div 标签，并添加 `class="form-group"`。最后，为每个 radio 添加 `class="form-check-input"`，并为其对应的 label 添加 `class="form-check-label"`。

以下是一个示例代码：

<div class="form-group">
  <div class="form-check">
    <input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios1" value="option1">
    <label class="form-check-label" for="exampleRadios1">
      选项 1
    </label>
  </div>
  <div class="form-check">
    <input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios2" value="option2">
    <label class="form-check-label" for="exampleRadios2">
      选项 2
    </label>
  </div>
  <div class="form-check">
    <input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios3" value="option3">
    <label class="form-check-label" for="exampleRadios3">
      选项 3
    </label>
  </div>
</div>

通过包装和添加相应的 Bootstrap 类，这些 radio 就会水平对齐了。