带HTML / CSS的水平线

Question

我在HTML/CSS中使用Django templates，我希望在我的Django模板表单后显示horizontal line。

我遇到问题，因为我的行不适用CSS样式：

<div class="container-fluid">
    <div class="row">
        <div class="col-md-10">
            <hr size=5px color=red noshade />
        </div>
    </div>
</div>

我明白了：

如果有必要，我可以显示我的模板，但有趣的部分是关于这一行。

我尝试使用Tryit Editor v3.3，它可以工作，但不能在我的Django模板中使用。

如果您有任何想法，谢谢你？

Answer 1

试试这个。希望它对你有用。

<div class="container-fluid">
    <div class="row">
        <div class="col-md-10">
            <hr style="height:5px;background-color:red;border:none;" noshade />
        </div>
    </div> </div>

或更好的方式：

<style>
    .col-md-10 .line {
        padding-left : 8vw;
        background-color:red;
        height:2px;
        width:30%;
    }
</style>

     <div class="container-fluid">
        <div class="row">
            <div class="col-md-10">
                <hr class = "line" />
            </div>
        </div> 
    </div>

Answer 2

首先，您应用于您的行的不是CSS样式，而只是HTML attributs。

我想到的第一件可能令Django感到不安的是，与属性相关的值不是双引号。虽然对于浏览器来说它是可以接受的，但也许Django不太宽容。

<div class="container-fluid">
    <div class="row">
        <div class="col-md-10">
            <hr size="5px" color="red" noshade />
        </div>
    </div>
</div>

但是，我建议你将样式规则移到CSS，因为separation of presentation and content实际上是一个好习惯。