kyl*_*amy 53 css word-wrap twitter-bootstrap font-awesome twitter-bootstrap-3
我有一个控制栏,其中包含连续的div.其他项目已经在文本上方有FA图标,因此屏幕尺寸没有问题,但为了区分具有更高级别控制的两个按钮来切换查看器中的内容.它们的布局如下图所示:
<i class="fa fa-toggle-right lg"></i> <span style="font-size:18px;">Next
当这个显示在像iPhone这样的小屏幕上时,图标会移动到文本上,我希望它能够留在它旁边.原因是另一个按钮然后与它下面的图标对齐,这是看起来很糟糕的UI.
Previous<i class="fa fa-toggle-left lg"></i>
关于如何防止它们包装的任何选择？
cku*_*jer 126
围绕着它<span class="text-nowrap">.该类.text-nowrap是Bootstrap的文本对齐帮助程序类之一,包括:
.text-nowrap {
white-space: nowrap;
}
这使得图标和文字保持在同一条线上.