Html 无法识别引导视口_Html_Css_Twitter Bootstrap

Html 无法识别引导视口

html css twitter-bootstrap

Html 无法识别引导视口,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,在bootstrap中，我试图显示叠加在超小型设备上的分区A和分区B，并在小型设备及以上设备上显示为一行。（就像在这个例子中：）但是，div并没有堆叠在超小型设备上（使用Firefox ESR 52.4），而是在所有设备大小上保持不变任何关于我所缺少的东西的提示都是很好的： <!DOCTYPE html> <html lang="de"> <head> <meta charset="utf-8"> <title>

在bootstrap中，我试图显示叠加在超小型设备上的分区A和分区B，并在小型设备及以上设备上显示为一行。（就像在这个例子中：）

但是，div并没有堆叠在超小型设备上（使用Firefox ESR 52.4），而是在所有设备大小上保持不变

任何关于我所缺少的东西的提示都是很好的：

<!DOCTYPE html>
<html lang="de">
  <head>
    <meta charset="utf-8">

    <title>title</title>

    <!-- Bootstrap related files -->
    <link rel="stylesheet" href="vendor/bootstrapcss/bootstrap.min.css">
    <script src="vendor/jquery/jquery-3.2.1.min.js"></script>
    <script src="vendor/popper/popper.min.js"></script>
    <script src="vendor/bootstrapjs/bootstrap.min.js"></script>
    <script src="vendor/workarounds/ie10-viewport-bug-workaround.js"></script>

    <!-- Custom styles -->
    <link href="css/main.css" rel="stylesheet">
  </head>

  <body>

  <div class="container">

    <div class="row">

      <div class="col-sm-4">
        A
      </div>

      <div class="col-sm-8 hidden-xs-down"
           style="text-align:right">
        B
      </div>

    </div> <!-- /.row-->
(...)


标题
A.
B
(...)

页面下方还有其他引导元素可以工作，但布局说明不起作用。我已经检查了所有相关的js和css文件是否可用，它们都返回状态200。

引导网格类特定于特定的屏幕大小，可以一起使用。（）如果希望行中的div堆叠在超小（xs）上，请给它们类

col-12

，以强制列在小于576px宽的设备上占据行的全宽。

引导网格类特定于特定的屏幕大小，可以一起使用。（）如果希望行中的div堆叠在超小（xs）上，则为它们提供类

col-12