Ich versuche, meine Kacheln aussehen die gleiche sogar Text im Inneren zu erhöhen.aber es scheint in der Lage, sogar mit Wort Eigentum arbeiten.Ich möchte die "erweiterte Garantie" und "" Liste zu machen Maschinen für Service Pack“sein, gleich wie andere Jeder kann dabei helfen CSS Kacheln Größe zwicken
.tile {
width: 100%;
display: inline-block;
box-sizing: border-box;
background: #fff;
padding: 30px;
margin-bottom: 40px;
text-align:center;
}
.tile:hover
{
background:#F8F9F9;
}
<div class="tab-pane active" id="warranty">
<div class="col-md-4">
<a class="tile" style="background-color:#EBDEF0;" href="#">Show warranty </a>
</div>
<div class="col-md-4">
<a class="tile" style="background-color:#EBDEF0;" href="#">New Warranty</a>
</div>
<div class="col-md-4 ">
<a class="tile" style="background-color:#EBDEF0;" href="#">Delete Warranty</a>
</div>
<div class="col-md-4 ">
<a class="tile " style="background-color:#EBDEF0;" href="#">Enter Invoice</a>
</div>
<div class="col-md-4 ">
<a class="tile" style="background-color:#EBDEF0;" href="#">Enter Serial </a>
</div>
<div class="col-md-4">
<a class="tile" style="background-color:#EBDEF0;" href="#">Buy extended warranty </a>
</div>
<div class="col-md-4 ">
<a class="tile" style="background-color:#EBDEF0;" href="#">List Machines for service pack</a>
</div>
</div>
Wollen Sie alle divs die gleiche Höhe sein oder einfach nur die gleiche Breite und Margen? – Ben
gleiche Breite und Höhe. –