gpt4 book ai didi

css - Bootstrap 3 右对齐选择的输入组

转载 作者:技术小花猫 更新时间:2023-10-29 11:15:15 33 4
gpt4 key购买 nike

我似乎无法弄清楚如何在 bootstrap 3 中右对齐选择的输入组。无论我尝试什么,它都会右对齐。如果您查看下面的 fiddle ,我会尝试将选择和按钮输入对齐到灰色框的右侧。任何帮助将不胜感激。

fiddle

<body>
<div class="container">
<div class="row">
<div id="header-right-container" class="col-lg-3 col-md-4 col-sm-4 col-xs-12" style="background-color: #eee;">
<div class="row">
<div class="input-group">
<span class="input-group-addon"><span class="glyphicon glyphicon-globe"></span></span>
<select class="form-control input-sm" style="width:150px">
<option value="1">option 1</option>
<option value="2">option 2</option>
<option value="3">option 3</option>
</select>
</div>
</div>
<div class="row">
<div class="btn-group">
<a id="headerUserButton" class="btn btn-sm btn-primary dropdown-toggle" data-toggle="dropdown" href="##">
<i class="glyphicon glyphicon-user"></i> User Name
<span class="caret"></span>
</a>
<ul class="dropdown-menu">
<!-- dropdown menu links -->
<li><a href="#">Option A</a></li>
<li><a href="#">Option B</a></li>
<li><a href="#">Option C</a></li>
</ul>
</div><!--- /.btn-group --->
</div>
</div>
</div>
</div>
</body>

最佳答案

pull-right 添加到您的input-groupbtn-group。然后将 style="width:150px"form-control 移动到 input-group

Here's a fiddle .

关于css - Bootstrap 3 右对齐选择的输入组,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24086926/

33 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com