这是我的问题。我正在使用Bootstrap 3.我需要一个元素来保持绝对定位'在两列布局中。我的布局效果很好,但在平板电脑或手机上,设计意味着文字滚动到绝对固定元素的下方。
如果你在现场演示中调整浏览器的大小,你会在这里看到我的意思:http://www.concise-courses.com/test-yourself/y/a.php
防止文本在时钟下滚动有什么作用?我正在考虑一个背景图像(没有工作)或一个褪色技术(没有真正起作用)或只是垂直滚动的文本溢出....
有什么想法吗?谢谢!
答案 0 :(得分:0)
您希望它在移动设备上看起来如何?静态的?或者只是隐藏它背后的文字?
答案 1 :(得分:0)
如果您想在移动设备时隐藏column A
,只需将hidden-xs
作为类添加到该列。当屏幕小于768px时,它将隐藏指定的列(例如,Bootstraps的“xs”设置,有关详细信息,请参阅Bootstraps' grid system。)
示例:JSFiddle
<div class="row">
<div class="hidden-xs col-sm-6"></div>
<div class="col-sm-6"></div>
</div>