Python Web开发：制作门户网站广告横幅

制作广告横幅

加入分割线：

    <!-- 分割线 -->
    <div class="line"></div>

在style.css中添加该分割线的样式：

/* 导航栏与横幅的分割线 */
.line {
    height: 3px;
    width: 100%;
    background: #005197;
}

接下来添加广告横幅对应的html代码：

<!-- 广告横幅 -->
<div class="container-fluid">
    <div class="row">
        <img class="img-responsive model-img" src="{% static 'img/science.jpg' %}" alt="科研基地">
    </div>
</div>

container-fluid：设置该样式是为了占满整个屏幕

img-responsive:响应式布局