Ho due riquadri (Titolo 1 e Titolo 2) affiancati orizzontalmente che vorrei avessero anche la stessa altezza:

http://prnt.sc/cw9bjj

1) Al momento ho risolto creando una classe aggiuntiva di questo tipo:

codice:
.aaa {
    min-height: 180px;
}

ma io vorrei scrivere delle direttive CSS senza esprimere delle altezze in px per non dover ricorrere alla media queries, è possibile?

2) Bootstrap non ha qualche classe che sistema tutto quanto magicamente?

L'HTML è questo:

codice HTML:
<div class="row">
            <div class="col-lg-12">
            </div>
            <div class="col-md-6">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h4><i class="glyphicon glyphicon-piggy-bank"></i> Titolo 1</h4>
                    </div>
                    <div class="panel-body">
                        <p>Frtag idjuswjnm huisksj kjshs hjdhhd husa huia hiunbih uhsiah sdui uio iu ui guio gg  ug uyiuhiuh uhoui guyyugiuhg guig ko</p>
                        <a href="energia.php" class="btn btn-primary">Approfondisci</a>
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h4><i class="glyphicon glyphicon-send"></i> Titolo 2</h4>
                    </div>
                    <div class="panel-body">
                        <p>Frtag idjuswjnm huisksj kjshs hjdhhd husa huia hiunbih uhsiah iudh huhdaspioudh adgh uidh sahdiushyd sdui uio iu ui guio gg  ug uyiuhiuh uhoui guyyugiuhg guig ko.</p>
                        <a href="fibra.php" class="btn btn-primary">Approfondisci</a>
                    </div>
                </div>
            </div>
        </div>

ciao e grazie