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

Popular posts from this blog

asynchronous - C# WinSCP .NET assembly: How to upload multiple files asynchronously -

aws api gateway - SerializationException in posting new Records via Dynamodb Proxy Service in API -

asp.net - Problems sending emails from forum -