css - Twitter Bootstrap 网格黑客

Question

我坚持使用 Bootstrap 网格的设计决策。

页面分为两列。

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

在桌面屏幕上，当折叠成手机大小时，我希望图像显示在右栏的顶部，我希望图像从页面顶部开始而不是中间位置。

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

请问有没有更好的方法或者我的方法可以吗？

Answer 1

Bootstrap 确实提供了类hidden-*，你可以找到here .

使用这些类，您可以创建单独的 div 以在移动设备和桌面设备上显示内容。

希望这对您有所帮助。