我正在使用引导MVC,并为一个内部博客的索引页有一个3列布局。左边的小列显示图片,博客在中间,有用的小部件在小的右边列。
当您在移动设备上查看站点时,所有的移动都是应该的,但我希望左列只在主博客栏之后移动,仅用于移动设备。这是否有可能是我找到了推拉命令,但它不只是手机?
干杯
发布于 2014-09-18 07:05:37
我要做的是在您自己的css文件中使用默认的媒体查询。这些是引导程序使用的:
/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
/* Small devices (tablets, 768px and up) */
@media (min-width: @screen-sm-min) { ... }
/* Medium devices (desktops, 992px and up) */
@media (min-width: @screen-md-min) { ... }
/* Large devices (large desktops, 1200px and up) */
@media (min-width: @screen-lg-min) { ... }
或者根据您的布局,您可能需要不同的断点。您只需对这些列使用id,或者添加类来获得所需的行为。
希望能帮上忙!
https://stackoverflow.com/questions/25906247
复制相似问题