Html 垂直对齐按钮旁边的文本引导3

在Bootstrap3中，我希望有垂直按钮，旁边有文本。但是，当我在标记后放置任何文本时，它会将其放在新行上。你知道我怎样才能保持一致吗。谢谢

方案A
一些文本
方案B
更多的文字
以上都没有
更多文本

如果您的意思是要制作内嵌单选按钮，您可以尝试以下方法：

<div class="container">
  <h2>Form control: inline radio buttons</h2>
  <p>The form below contains three inline radio buttons:</p>
  <form>
    <label class="radio-inline">
      <input type="radio" name="optradio">Option 1
    </label>
    <label class="radio-inline">
      <input type="radio" name="optradio">Option 2
    </label>
    <label class="radio-inline">
      <input type="radio" name="optradio">Option 3
    </label>
  </form>
</div>

表单控件：内嵌单选按钮
下表包含三个内嵌单选按钮：

选择1
选择2
选择3

这将显示相邻的所有文本和单选按钮。 类

.radio inline

将文本放在单选按钮旁边

---

如果希望每个单选按钮位于新行上，您可以修改此代码，并在每个标签和按钮周围放置一个

div

。给div一个可能

.col-xs-12

的类，这样它就占据了100%的空间，这将导致新的单选按钮在新页面上启动。

使用

表单组

。这就是全部！要隐藏

收音机

，请使用以下命令：

.form-group input[type="radio"] {
    -webkit-appearance: none;
}

。表单组输入[type=“radio”]{
-webkit外观：无；
}
.表格组标签{
宽度：70%；
浮动：左；
}
.表格组跨度{
宽度：30%；
浮动：对；
}

方案A
一些文本
方案B
一些文本
以上都没有
一些文本

您是否尝试过使用输入组类？谢谢您的回复。当我使用输入组时，它会将我的按钮更改为带有单选按钮的按钮，并使它们具有不同的宽度。谢谢你的回复，但这不是我想要的行为。我想要相同宽度的垂直按钮，中间没有填充，右边有文字。你说垂直按钮是什么意思？btn group vertical这看起来很棒。但是，如果文本太长，它仍然会包装文本，例如，您知道如何防止吗？您可以设置您的愿望

width

来防止@themush