0

我只想使用 bootstrap 4 网格。我不需要 Bootstrap 的所有其他功能。

出于某种原因，底线没有左填充。尽管我没有更改任何有关 CSS 指令的内容。

我必须更改什么才能使网格正确显示？

这是我的代码和输出的屏幕截图：

<!DOCTYPE html>
<html lang="en">

  <head>
    <meta charset="utf-8">
    <title>Homepage</title>
    <link rel="stylesheet" type="text/css" href="vendors/bootstrap-grid/bootstrap-grid.css">


  </head>
  <body>

  <div class="container-fluid">
    <div class="row">
      <div class="col-xs-12 col-md-8">.col-xs-12 .col-md-8</div>
      <div class="col-xs-6 col-md-4">.col-xs-6 .col-md-4</div>
    </div>

    <!-- Columns start at 50% wide on mobile and bump up to 33.3% wide on desktop -->
    <div class="row">
      <div class="col-xs-6 col-md-4">.col-xs-6 .col-md-4</div>
      <div class="col-xs-6 col-md-4">.col-xs-6 .col-md-4</div>
      <div class="col-xs-6 col-md-4">.col-xs-6 .col-md-4</div>
    </div>

    <!-- Columns are always 50% wide, on mobile and desktop -->
    <div class="row">
      <div class="col-xs-6">.col-xs-6</div>
      <div class="col-xs-6">.col-xs-6</div>
    </div>
  </div>


  </body>
</html>

在此处输入图像描述 在此处输入图像描述

4

0 回答 0