我怎样才能防止在移动视图的 bootstrap 面板右侧图标中获取下一行

Question

这是桌面版和移动版的图片 - here

但是我想要右上角的打印图标。我不希望它接下来移动 line.If 屏幕尺寸减小然后我想要 like 这个。

代码：

<h5 id="name">
<span class="fa fa-graduation-cap"></span>
   Name of Company Name of the company
<span class="glyphicon glyphicon-print pull-right"></span>
</h5>

Answer 1

试着做成这样：

 <h5 id="name">
    <div class="col-xs-9">
        <span class="fa fa-graduation-cap"></span>
        Name of Company Name of the company
    </div>
    <div class="col-xs-3">
        <span class="glyphicon glyphicon-print pull-right"></span>
    </div>
</h5>

我怎样才能防止在移动视图的 bootstrap 面板右侧图标中获取下一行

How can i prevent to get next line in bootstrap panel right icon for the mobile view

panel

twitter-bootstrap