使用 Bootstrap 单选按钮垂直对齐文本

Posted 2023-03-05

【中文标题】使用 Bootstrap 单选按钮垂直对齐文本

【英文标题】：Vertically Align Text With Bootstrap Radio Button

【发布时间】：2015-06-13 07:24:34

【问题描述】：

我在使用 Bootstrap 单选输入时遇到问题，我似乎无法将对齐方式与文本垂直居中。

    <div class="tab-content">

    <div class="tab-pane" id="Type">

    <form>

        <div class="form-group">

              <input type="radio"               
               value="Server"
               checked="checked"
               class="form-control" 
               style="width: 34px; display: inline-block" />

            <label for="WindowsServer">Windows Server / PC</label><br />                                
        </div>
    </form>
    </div>
    </div>

谁能指出我做错了什么或者我能做些什么来解决这个问题？

【问题讨论】：

在label中添加input字段

试过了，但不幸的是还是有同样的问题。

【参考方案1】：

把这个整理好了——玩了很多之后，我添加了一个样式：

input
vertical-align:bottom;

现在收音机和文字完美对齐了！

【讨论】：

我用我的回答给了你答复，但不知道为什么它没有发布，但现在你可以使用它，但仍然有任何错误然后让我知道..thanx