保持文本环绕引导3响应式devise

我有一个查看器与控制栏组成的连续divs。 其他项目的FA图标已经在文本上，所以没有屏幕大小的问题，但为了区分具有更高级别控制的两个button来切换查看器中的内容。 它们的布局如下所示：

<i class="fa fa-toggle-right lg"></i> <span style="font-size:18px;">Next 

当这个图像显示在像iPhone这样的小屏幕上时，图标移动到文本上，我希望它保持在它旁边。 原因是另一个button，然后与它下面的图标排队，这是不好看的用户界面。

 Previous<i class="fa fa-toggle-left lg"></i> 

任何选项，如何防止他们包装？

Answer 1

用<span class="text-nowrap">环绕它。 class .text-nowrap是Bootstrap的文本alignment帮助器类之一，由以下内容组成：

 .text-nowrap { white-space: nowrap; } 

这使得图标和文本保持在同一行上。