css - Statically place element at bottom of span element using Bootstrap -
i working on project involves [3 x n] unordered list , trying place link @ bottom of each list entry. problem height of each list entry dynamic content, shown in codepen. how style of links appear aligned??
source:
class="lang-html prettyprint-override"><body class="container-fluid"> <ul class="row-fluid"> <li class="span4"> <h1> column 1 </h1> <p>lorem ipsum ... laborum.</p> <a href="">some link</a> </li> <li class="span4"> <h1> column 2 </h1> <p>lorem ipsum ... consequat.</p> <a href="">some link</a> </li> <li class="span4"> <h1> column 3 </h1> <p>lorem ipsum ... pariatur. </p> <a href="">some link</a> </li> </ul> <!-- more similar ul's --> </body>
http://codepen.io/anon/pen/kdcwz
ul { position:relative; padding-bottom:20px; } { position:absolute; bottom:0px; } css html5 twitter-bootstrap
No comments:
Post a Comment