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

发布时间：2020-12-18 00:08:27 所属栏目：安全来源：网络整理

导读：我在Bootstrap 3中建立一个网站。有没有反正让一个元素使用类拉左在较小的设备上，并使用拉右的较大的？有什么像：pull-left-sm pull-right-lg。我已经设法做到与jquery，捕捉窗口的大小调整。有其他方法吗？ Pref，而不复制hidden-x拉左的代码。或者，它

我在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;
}
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!