Es scheint, dass meine Reihe

Question

meine Container padding ignoriert

Das Problem auf dieser Seite lautet: http://haagmedia.dk/klf/holdet.php

Das Problem ist, dass die graue Feld/Zeile, die Sie auf der Seite oben zu sehen, irgendwie meinen Behälter ignoriert, und ich versuchte, finde dieses Problem schon seit einiger Zeit heraus, und ich kann den Code nicht brechen. Ich möchte die graue Box an den Seiten ausrichten, mit dem Bild oben und der Schaltfläche unten. Ich weiß nicht, ob dieses andere Problem auch mit der gleichen Sache zusammenhängt, aber wenn ich die Seite auf mobile Größe herabsetze, schwebt das graue Kästchen nach rechts, wo es zentriert sein sollte?

lange Frage Ich weiß - hier sind die Codes für die Box und den Container. Ihre Hilfe eine Menge

HTML

<div class="conhold container"> 

     <div class="row"> 
      <div class="hvad1 col-lg-12 col-md-12 col-sm-12 col-xs-12"> 
       <h4>SERIE 4, HERRESENIOR</h4> 
      </div>  
     </div> 


     <div class="hold row"> 
      <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"> 
       <img src="images/hold.png" alt="holdbillede"> 
      </div> 
     </div> 


     <div class="row"> 
      <div class="tekst1 col-lg-12 col-md-12 col-sm-12 col-xs-12"> 

      </div> 
     </div> 


     <div class="knap1-1 row"> 
      <div class="col-lg-12 col-xs-12"> 
        <a href="kontakt.php" class="knaplink hvr-fade" alt="link til medlemskab">BLIV MEDLEM I KLUBBEN</a> 
       </div> 
     </div> 


    </div> 

CSS

.tekst1 { 
    background-color: #A4ABB0; 
    height: 200px; 
} 

@media(max-width: 1000px) { 
    .conhold { 
     padding-left: 30px; 
    } 
} 

Answer 1

Bootstrap Arten das Problem verursachen bedeuten würde.

Ihre Elemente haben eine padding-left: 15px und padding-right: 15px.

Aufschalten oder sie entfernen, und alle drei Elemente auszurichten gleichmäßig in der Spalte.

---

In Bezug auf die Zentrierung, Balance nur die Regel aus:

@media(max-width: 1000px) { 
    .conhold { 
     padding-left: 30px; 
    } 
} 

... padding-right: 30px hinzufügen.