请在这里查看jsfiddle:http://jsfiddle.net/aRJr2/
正如您在右上角看到的那样,下一个标签的左侧部分位于第一行,但其余部分位于第二行.
为了使它出现在同一行,我需要做哪些更改?
代码:
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Members</h3>
</div>
<div class="panel-body">
<div class="label label-info">
<span>James</span>
<a class="action_modal" style="color: #FFF" href="http://bower.dev/delete_member/exp/186"><i class="glyphicon glyphicon-remove-sign"></i></a>
</div>
<div class="label label-info">
<span>Robert</span>
<a class="action_modal" style="color: #FFF" href="http://bower.dev/delete_member/exp/187"><i class="glyphicon glyphicon-remove-sign"></i></a>
</div>
<div class="label label-info">
<span>Jessica</span>
<a class="action_modal" style="color: #FFF" href="http://bower.dev/delete_member/exp/188"><i class="glyphicon glyphicon-remove-sign"></i></a>
</div>
<div class="label label-info">
<span>Mark</span>
<a class="action_modal" style="color: #FFF" href="http://bower.dev/delete_member/exp/189"><i class="glyphicon glyphicon-remove-sign"></i></a>
</div>
<div class="label label-info">
<span>Alexandra</span>
<a class="action_modal" style="color: #FFF" href="http://bower.dev/delete_member/exp/190"><i class="glyphicon glyphicon-remove-sign"></i></a>
</div>
<div class="label label-info"> …Run Code Online (Sandbox Code Playgroud)