Bootstrap 3媒体查询多个文件

【问题标题】：Bootstrap 3 Media Queries Multiple FilesBootstrap 3媒体查询多个文件
【发布时间】：2015-07-16 17:09:57
【问题描述】：

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

【问题讨论】：

取决于各种事情。你能在jsfiddle.net创建一个演示吗？

【解决方案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>

【讨论】：