小编kyl*_*amy的帖子

我有一个控制栏,其中包含连续的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>

关于如何防止它们包装的任何选择？

一直在寻找高低,虽然有很多花哨的悬停效果,但我希望能有一些简单的东西,我可以应用于画廊中的图像,只需要10px宽,40%的透明度.

许多人展示了如何对每张图片做类似的事情,但我只想要一个我可以在需要的地方分配的课程.

公平地说,一些插件确实有这个选项,但他们带来了50个其他看起来有点过分.

我在布局中使用了四个面板,每个都是全宽.它们可以很好地堆叠在sm和xs视图中.我已经将面板设置为没有样式,当md和lg视图大小可以正常工作时.

如果仅在sm和xs视图中,我如何让它们显示折叠？目前,它们是开放的,但是考虑到一些数据的高度,如果我可以将初始状态折叠,那就更好了.

不能把代码放在这里,因为它充满了其他数据库,js和其他东西,因为我们仍在构建它并且还没有被清理成文件.