Button hat nicht die gleiche Breite wie die Spalte in

Question

Ich versuche, meine Schaltfläche die gleiche Breite wie die Spalte zu haben, in der es ist. Ich habe damit zuvor auf meiner Website, aber dieses Mal ist es einfach nicht funktioniert. .. Das Problem wird auf dem folgenden Link angezeigt; http://haagmedia.dk/klf/fanzone.php Die zwei Tasten sind in zwei separaten Spalten, und beide möchte ich die volle Breite haben. Alle Hilfe wird geschätzt :)!

HTML

<div class="knap2 row"> 
      <div class="col-lg-4 col-md-4 col-sm-3 col-xs-2"></div> 

      <div class="col-lg-2 col-md-2 col-sm-3 col-xs-4"> 
       <a href="#" class="fanknap" alt="Fanzone">FANZONE</a> 
      </div> 

      <div class="col-lg-2 col-md-2 col-sm-3 col-xs-4"> 
       <a href="#" class="fanknap" alt="Støttemedlem">STØTTEMEDLEM</a> 
      </div> 

      <div class="col-lg-4 col-md-4 col-sm-3 col-xs-2"></div> 
     </div> 

    </div> 

CSS

.fanknap { 
    background-color: #208AF0; 
    border: 2px solid #208AF0; 
    border-radius: 3px 3px 3px 3px; 
    height: auto; 
    width: 100%; 
    text-align: center; 
    color: #FFF; 
    font-weight: 700; 
    font-size: 12px; 
} 

Answer 1

Sie müssen display:block;, um Ihre Schaltflächen CSS hinzuzufügen.

Demo: https://jsfiddle.net/iRbouh/fhfhrc78/

Answer 2

Hinzufügen:

.fanknap { 
    /* Other styles... */ 
    display:block 
} 

zu Ihrem CSS sollte das Problem beheben. Alternativ können Sie mit der Polsterung herumspielen, bis Sie das bekommen, was Sie brauchen. Ich empfehle jedoch das erstere.

Hoffe es hilft!