Problem z nadaniem height 100% dla elementu wewnątrz innego bootstrap3

Question

Siema mam element z klasa row a w srodku dwa elementy col-md-2 i col-md-10, w col-md-2 mam zdjecie ktore ma tam powiedzmy ze 100px wysokosci (ten element rozciaga .row) no a w col-md-10 chcialem ustawic height na 100% lecz to nic nie pomaga, ktoś ma jakis pomysl??

 

          <div class="row main-wrapper__item" ng-repeat="book in books">

              <!-- col-md-2 -->
            <div class="col-md-2 main-wrapper__image">
              <img src="images/book.jpg" alt="książka pt. Czysty Kod" class="img-responsive">
            </div>

              <!-- col-md-10 -->
            <div class="col-md-10 main-wrapper__description">
          
                <h3>Tytuł: {{book.name}}</h3>
                {{book.description}} 
                  
                  <a href="/book/details/{{book._id}}" class="btn btn-success pull-right">Zobacz</a>
            
            </div>
            
          </div>

Answer 1

height: 100vh;

Comments

siema, nie dopasowuje się do wewnetrznego containera, a robi 2x wieksza niz ma długość :P

---

no to do body height:100%;

i w tym divie min-height:100%;