Horizontale Linie mit HTML/CSS

Question

Ich benutze HTML/CSS in meinem Django templates und ich würde gerne eine horizontal line nach meiner Django Vorlage Form anzeigen.

Ich bin immer ein Problem, weil meine Linie nicht CSS-Stil anwenden:

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

Und ich bekomme diese:

Wenn es notwendig ist, kann ich meine Vorlage angezeigt , aber der interessante Teil handelt von dieser Linie.

Ich habe versucht mit Trypit Editor v3.3 und es funktioniert aber nicht in meiner Django Vorlage.

Vielen Dank, wenn Sie eine Idee haben?

Answer 1

Versuchen Sie dies. Hoffentlich wird es für dich arbeiten.

<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> 

Oder besser Art und Weise:

<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

Zunächst einmal, was Sie auf Ihre Linie angewendet ist nicht CSS-Stil, sondern nur HTML attributs.

Die erste Sache, die mir potenziell störenden Django in den Sinn kommt, ist, dass die mit den Attributen verbundenen Werte nicht doppelt zitiert werden. Während es für Browser akzeptabel ist, ist Django vielleicht etwas weniger permissiv.

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

Allerdings würde ich Ihnen vorschlagen, Stilregeln zu CSS zu bewegen, weil separation of presentation and content eigentlich eine gute Gewohnheit ist.