twitter-bootstrap-3 – 引导程序,左侧为小型设备

前端之家收集整理的这篇文章主要介绍了twitter-bootstrap-3 – 引导程序,左侧为小型设备前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在Bootstrap 3中建立一个网站。
有没有反正让一个元素使用类拉左在较小的设备上,并使用拉右的较大的?

有什么像:pull-left-sm pull-right-lg。

我已经设法做到与jquery,捕捉窗口的大小调整。有其他方法吗? Pref,而不复制hidden-x拉左的代码。或者,它是否认为更好地重复代码/内容现在响应时?

解决方法

你可以使用 CSS Media Queries

基本用法如下:如果你想浮动左下面的设备宽度500px,然后

@media (max-width: 500px) {
 .your_class {
  float: left;
}
}

 @media (min-width: 501px) {
 .your_class {
  float: right;
}
}

猜你在找的Bootstrap相关文章