Twitter引导网格黑客攻击

时间:2013-11-26 16:54:30

标签: css twitter-bootstrap responsive-design

我坚持使用bootstrap网格进行设计决策。

该页面分为两列。

<div class="row">
    <div class="col-lg-5">
       <!-- content -->
    </div>
    <div class="col-lg-6 col-lg-offset-1">
       <img />
       <!-- content -->
    </div>
</div>

在桌面屏幕上,我想要一个图像显示在右列顶部,当它折叠到手机大小时,我希望图像从页面顶部而不是中间向下开始。

我最初的想法是在两列的顶部都有相同的图像,然后分别切换显示:无,两次加载相同的图像对我来说似乎是一种不好的做法。

我可以问一下是否有更好的方法或我的方法是否正常?

1 个答案:

答案 0 :(得分:0)

Bootstrap确实提供了hidden-*类,here

通过这些课程,您可以创建单独的div,以便在移动设备和桌面上显示内容。

希望这有帮助。