Пример кода: Всё работает , но не могу задать высоту под себя , как это сделать ?
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
<a href="" data-toggle="modal" data-target="#modal1">
<img src="images/smile.jpg" alt="Good restaurants for good evenings" class="img-thumbnail" >
</a>
<p><b>Good restaurants for good evenings!</b></p>
<div class="modal fade" id="modal1" role="dialog">
<div class="modal-dialog modal-lg">
<div class="modal-content ">
<div class="modal-header">
<a href="" class="btn btn-primary btn-sm close" data-dismiss="modal">×</a>
<h3 class="modal-title">Choose the restaurant you want!</h3>
</div>
<div class="modal-body">
<p>
Slider!
</p>
</div>
<div class="modal-footer">
<a href="http://soho-rest.co.il/"><p>Soho!</p></a>
<a href="http://prego.co.il/"><p>Prego!</p></a>
<a href="https://www.japanika.net/"><p>Japanika!</p></a>
<a href="http://www.meatball.co.il/"><p>Meatball!</p></a>
<a href="http://abrage.co.il/"><p>Abrage!</p></a>
<button class="btn btn-primary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</div>