HTML/CSSの横線

Question

私はDjango templatesにHTML/CSSを使用しています.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> 

separation of presentation and contentが実際に良い習慣であるので、しかし、私は、CSSにスタイリング・ルールを移動するために、あなたをお勧めします。