Carousel Bootstrap não fica na Modal
Bom dia,
Estou trabalhando em um projeto que utiliza as modais do bootstrap e, ao clicar para abrir a modal, deveria aparecer as fotos alinhadas a esquerda em tamanho fixo e ao lado esquerdo a descrição.
A imagem está mudando de tamanho o tempo todo! Não consigo estabelecer um max-min-width/height
Porém, ao colocar os códigos, os conteúdos não se alinham e o layout da modal fica estranho.
Segue código:
<div id="casa" class="modal fade topo" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Casa</h4>
</div>
<div class="modal-body">
<div id="CasaFotos" class="carousel slide fotos" data-ride="carousel">
<ol class='carousel-indicators'>
<li data-target='#CasaFotos' data-slide-to="0" class='active'></li>
<li data-target='#CasaFotos' data-slide-to="1"></li>
<li data-target='#CasaFotos' data-slide-to="2"></li>
<li data-target='#CasaFotos' data-slide-to="3"></li>
<li data-target='#CasaFotos' data-slide-to="4"></li>
<li data-target='#CasaFotos' data-slide-to="5"></li>
<li data-target='#CasaFotos' data-slide-to="6"></li>
<li data-target='#CasaFotos' data-slide-to="7"></li>
</ol>
<div class='carousel-inner' role='listbox'>
<div class='item active'>
<img src='images/aps/casa/1.jpg'>
</div>
<div class='item'>
<img src='images/aps/casa/2.jpg'>
</div>
<div class='item'>
<img src='images/aps/casa/3.jpg'>
</div>
<div class='item'>
<img src='images/aps/casa/4.jpg'>
</div>
<div class='item'>
<img src='images/aps/casa/5.jpg'>
</div>
<div class='item'>
<img src='images/aps/casa/6.jpg'>
</div>
<div class='item'>
<img src='images/aps/casa/7.jpg'>
</div>
<div class='item'>
<img src='images/aps/casa/8.jpg'>
</div>
</div>
</div>
<div class='descricao'>
<p>
- sala: televisão, sofás e ventilador de teto<br/>
- banheiro: 2 banheiros internos<br/>
- cozinha: fogão, geladeira, armário e utensilios (talheres, panelas e copos)<br/>
- dormitório 1: duas beliches, uma cama solteiro e roupa de cama (travesseiro, fronha, lençol e cobertor)<br/>
- dormitório 2: duas beliches, uma cama de solteiro e roupa de cama (travesseiro, fronha, lençol e cobertor)<br/>
- lavanderia: tanque e varal
</p>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Fechar</button>
</div>
</div>
</div>
</div>
E segue como está minha modal:
Discussão (0)
Carregando comentários...