Problem mit bootstrap und Pseudoklasse

[Thor-81]

Ich versuche die Pseudoklasse als Rollover usw. anzuwenden. Der CSS-Abschnitt wird unvollständig umgesetzt. Breiten lassen sich nicht anwenden bzw. bleiben unbeachtet. Als class sieht sieht die Umsetzung ganz anders aus. Wie kann ich das Problem umgehen? Oder gibt es irgend einen Konflikt mit Bootstrap? (sorry, es ist nur ein privates Projekt und ich Code sehr selten und wenn, dann etwas ungewöhnlich. Ich hoffe, man kann den Code trotzdem lesen.)

html

<div class="row">
    <div class="col-md-6 col-sm-6 col-xs-6">
      <div class="container-fluid">
        <b href="index.html">
          Home
          </b>  
      </div>
    </div>
        <div class="col-md-6 col-sm-6 col-xs-6">
        <div class="container-fluid">
          <c href="weissnochnicht.html"> 
          ...mehr
          </c>
        </div>
        </div>
</div>

CSS

b {	text-align: center;
	color: #E92771;
	border-radius: 5px;
	border: medium solid #E92771;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-left: 150px;
	min-height: 50px;
	min-width: 100px;
	text-transform: uppercase;
}
b:visited { background: lavender }
b:hover { background: pink }
b:focus { background: aquamarine; color: black }
b:active { background: oldlace }
b:visited:hover{background:gray;color:white }