bootstrap: google map modal не работает свойство, когда снаружи div class = "container-fluid" установлен "height: auto"

Question

Недавно я работаю над некоторыми страницами (Like this link, и неважно, что это все китайцы и некоторые японские содержание).

Когда я установил "Высота: авто" для внешнего DIV, который установлен класс = "контейнер-жидкость" (исключить Navbar)

например:

HTML:

<div id="information" class="container-fluid"> 
    <!-- following content omitted --> 
</div> 

CSS:

#information { 
    padding-top: 50px; 
    height: auto; 
    color: #000; 
    background-color: #FFE7DE; 
    background-image: url("shonen_5.jpg"); 
    background-repeat: no-repeat; 
    background-attachment: fixed; 
    background-size: cover; */ 
} 

#information .well { 
    background: rgba(255, 231, 238, 0.75); 
} 

Google Map modal не работает.

Решения для решения этой проблемы?

Answer 1

Вы можете использовать высоту fidex px или% fidex height. важные вещи есть (предварительно) определяемая высота, как таким образом:

#information { 
    padding-top: 50px; 
    height: 90%; 
    color: #000; 
    background-color: #FFE7DE; 
    background-image: url("shonen_5.jpg"); 
    background-repeat: no-repeat; 
    background-attachment: fixed; 
    background-size: cover; */ 
}