将glyphicon与标签对齐

Question

我有以下标记：

<div class="row">
    <div class="col-xs-6">
        <label class="labelTextFormat">Tags</label>
        <button><span class="glyphicon glyphicon-edit" style=""></span></button>
        <button><span class="glyphicon glyphicon-plus" style=""></span></button>
    </div>
</div>

这给了我以下输出：

我想在Label旁边显示它们。我该怎么做？

Codepen Demo

Answer 1

您的.labelTextFormat { font-weight: normal; font-size: 18px; color: #a1ebff; padding-top: 6px; float: left; } 是100％宽

删除

    .labelTextFormat {
        font-weight: normal; 
        font-size: 18px;
        color: #a1ebff; 
        padding-top: 6px;
        float: left;
    }

＆＃13;

＆＃13;

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/>
<div class="row">
  <div class="col-xs-6">
    <label class="labelTextFormat">Tags</label>
    <button><span class="glyphicon glyphicon-edit" style=""></span></button>
    <button><span class="glyphicon glyphicon-plus" style=""></span></button>
  </div>
</div>

＆＃13;

{{1}}

＆＃13;

＆＃13;

＆＃13;

Answer 2

<button class="btn btn-success" data-toggle="modal" data-target="#myModalNorm" type="button">
<i class="glyphicon glyphicon-plus"></i>Tags</button>