Bootstrap3个媒体查询多个文件

Question

我想知道是否可以使用 Bootstrap 3 个媒体查询将每个断点放在不同的文件中。我试过了，但似乎不起作用。有人知道吗？

Answer 1

您可以通过在链接中包含媒体来实现此目的。

所以不同的样式-X.css 将针对不同的视口大小加载。

<!DOCTYPE html>
<html lang="en">
<head>
  <link rel="stylesheet" href="styles-xs.css" media="(max-width: 767px)">
  <link rel="stylesheet" href="styles-sm.css" media="(min-width: 768px)">
  <link rel="stylesheet" href="styles-md.css" media="(min-width: 992px)">
  <link rel="stylesheet" href="styles-lg.css" media="(min-width: 1200px)">
</head>
<body>

</body>
</html>

Bootstrap3个媒体查询多个文件

Bootstrap 3 Media Queries Multiple Files

twitter-bootstrap-3

media-queries