Как сделать подстраивание ширины modal-dialog в Bootstrap?

Question

[WingRS]

Есть такой вот поп-ап со слайдером

<div class='modal fade' id='imagemodal' tabindex='-1' role='dialog' aria-labelledby='myModalLabel' aria-hidden='true'>
			  <div class='modal-dialog'>
			    <div class='modal-content'>              
			      <div class='modal-body'>
			      	
			      	<div id='modcar' class='carousel slide' data-ride='carousel'>
          <div class='carousel-inner'>
            </div><!-- /.carousel-inner -->
          <a class='left carousel-control' href='#modcar' role='button' data-slide='prev'>
            <span class='glyphicon glyphicon-chevron-left'></span>
          </a>
          <a class='right carousel-control' href='#modcar' role='button' data-slide='next'>
            <span class='glyphicon glyphicon-chevron-right'></span>
          </a>
			      </div>
			    </div>
			  </div>
			</div>

Не могу сделать чтобы изображения были по высоте на 80% екрана, только так чтобы поп ап свою ширину подстраивал под картинку

Answer 1

[WingRS]

Решил так:
задал для modal dialog: display:inline-block;, а сами картинки по высоте через vh. Выровнял по центру через text-align:center;

Comments

[Антон]

На хрен вы используете бутстрап? Бедный @mdo...

[WingRS]

Антон: а почему нет?)

[Антон]

WingRS: я люблю бутстрап всей душой и сердцем. А вы больной ублюдок :)

[WingRS]

Антон: Объясните ж мне тогда почему вы так считаете?