Html Twitter引导中的多列标签

Html Twitter引导中的多列标签,html,css,twitter-bootstrap,bootstrap-4,Html,Css,Twitter Bootstrap,Bootstrap 4,我在表单中有以下标记 <div class="row"> <div class="col-md-12"> <div class="form-group"> <label class="control-label"> States <img id=&quo

我在表单中有以下标记

<div class="row">
    <div class="col-md-12">
        <div class="form-group">
            <label class="control-label">
                States
                <img id="clear-selection" src="~/images/delete.png" title="Clear Selection" />
            </label>
            <select class="form-control"></select>
        </div>
    </div>
</div>
控件标签(状态)后面跟着一个图标。但我真的希望图标对齐到右边

与此相反:

我想要这个:


在Twitter引导的预期框架内有什么方法可以做到这一点吗?我不太清楚在
标签中可以接受什么样的引导样式。

您只需将图像移到标签的上方和外部,并给它一个
向右浮动的类,就可以解决这个问题


这将使图像向右浮动。

您只需将图像移到标签的上方和外部,并给它一个
向右浮动的类,即可解决此问题


这将使图像向右浮动。

您可以尝试向图像添加
向右拖动
类。@MohitKhandelwal:不,这没有效果。将label
display
css属性从
内联块更改为
初始
@MohitKhandelwal:当然不会“在Twitter引导的预期框架内“。您可以更改HTML结构,对吗?您可以尝试向您的图像添加
pull right
类。@MohitKhandelwal:不,这没有效果。将label
display
css属性从
内联块更改为
initial
@MohitKhandelwal:当然不会“在Twitter引导的预期框架内“。您可以更改HTML结构,对吗?谢谢。对我来说,将图像设置为
display:block
没有明显效果。我删除了这个,图像的右侧与下面控件的右侧对齐,这是我想要的。当然,我一直担心它在另一个浏览器或系统上的外观会有所不同。@JonathanWood我为混淆道歉,我说的是使标签显示块不是图像。我也看不出将
display:block
应用到
上有什么区别。谢谢。对我来说,将图像设置为
display:block
没有明显效果。我删除了这个,图像的右侧与下面控件的右侧对齐,这是我想要的。当然,我一直担心它在另一个浏览器或系统上的外观会有所不同。@JonathanWood我为混淆道歉,我说的是使标签显示块不是图像。我也看不出将
display:block
应用到
上有什么区别。