如何根据手机,平板电脑,台式机制作可伸缩的bootstrap div

时间:2016-08-09 05:09:33

标签: html css twitter-bootstrap

我正在学习bootstrap框架并发现它非常有趣。我看到一个网站在移动设备,平板电脑和笔记本电脑上同时工作得很棒。我在页面中看到了一行中的四个div,当用户拉伸页面时,它隐藏了两个div并使其在平板电脑上看起来很漂亮,当我根据移动大小拉伸它时,它会隐藏3个div并显示只有一个有很好的CSS效果。

请查看以下三张图片,看看我需要达到的效果。

FirstImage

SecondImage

ThirdIamge

我只需要使用bootstrap实现相同的功能。请任何人指导或分享示例代码以了解。非常感谢提前。

1 个答案:

答案 0 :(得分:0)

你可以做这样的事情来达到预期的效果。 Bootstrap可让您控制div块在不同设备或屏幕尺寸上的行为。

查看以下代码。

"_6302_I-PAL_SPSY_000237_001"