引导网格类被忽略

问题描述

我正在使用Bootstrap网格系统在左侧创建3网格固定垂直导航选项卡,在右侧创建9网格常规流内容。但是,似乎所有类.col- -或offset- -都被忽略了。我检查了其他元素,是否正确使用了bootstrap.min.css样式,但是我只能使用列类。是否有任何可能导致此错误的原因? 以下代码是我包含在文件中的简单代码,但仍然无法正常工作。即使.container-fluid和.row应用得很好,它也无法识别.col- -谢谢。

<div class="container-fluid">
    <div class="row">
      <div class="col-xs-4">
        Lorem ipsum dolor sit amet,consectetur adipiscing elit,sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident,sunt in culpa qui officia deserunt mollit anim id est laborum.
      </div>
      <div class="col-xs-6">
        Lorem ipsum dolor sit amet,sunt in culpa qui officia deserunt mollit anim id est laborum.
      </div>
    </div>
  </div>

解决方法

Bootstrap列需要JavaScript。您是否已将JavaScript文件与JQuery链接(因为Bootstrap需要运行JQuery)?确保在引导JavaScript之前加载JQuery。

来自我自己的项目:

<script type="text/javascript" language="javascript" src="assets/jquery/jquery-3.5.1.js"></script>
<script type="text/javascript" language="javascript" src="assets/bootstrap/js/bootstrap.min.js"></script>