html - How do i put a Row in bottom of Thumbnail Bootstrap -
i tried add row bottom of div thumbnail can't seem right, nor find working answer.
<div class="item col-lg-4"> <div class="thumbnail"> <div class="caption"> <h4 class="list-group-item-heading"><?php echo $row["name"]; ?></h4> <p class="list-group-item-text"><img style="width: 100%; padding-bottom: 10px;" border="0" src="<?php echo $row["description"]; ?>"></p> <div class="row"> <div class="col-md-6 "> <p class="lead"><?php echo '€'.$row["price"].' euro'; ?></p> </div> <div class="col-md-6 "> <a class="btn btn-success" href="cartaction.php? action=addtocart&id=<?php echo $row["id"]; ?>">add cart</a> </div> </div> </div> </div> </div>
most if put in normal code wont give @ all. because gets info sql database. gives this:
|================| |================| | picture | | picture | | | | | | - | | - | | | want like. | | | price, button | | | | | | | | | | | | | | | | | | price, button | |================| |================|
the problem is. adding class row , giving vallign bottom, or bottom: 0px;
not work.
the big form thumbnail, , price , button in row. u know form might useful info.
sorry bad english, not native language. , sorry if answer obvious i'm new bootstrap.
this may need:
.thumbnail { position: relative; height: 300px; /* replace desired thumbs height */ } .row-bottom { position: absolute; bottom: 0; width: 100%; }
check this example
Comments
Post a Comment