引导容器流体类在 django 中不起作用

Question

<div class="container-fluid">
  <div class="row">
   <img class="graph" src="{% static 'images/graph.png' %}"/>
  </div>
</div>

嗨。我需要将 graph.png 静态图像调整为屏幕的全宽。但它会在屏幕的左右边缘留下一个空白区域。我为此使用了以下 CSS。如果在原始 HTML 但不在 Django 中使用，图像将调整为屏幕宽度。简而言之，container-fluid 没有发挥作用。但是网格、按钮和其他类等其他引导类运行得非常完美。

.graph{
    padding: 0;
    display: block;
    margin: 0 auto;
    max-height: 100%;
    max-width: 100%;
}

Answer 1

尝试不定义高度

.graph{
padding: 0;
display: block;
margin: 0 auto;
max-width: 100%;}