bootstrap 3 alignez les liens et les boutons au bas d'un div

Comme on peut le voir dans la capture d'écran ci-dessous, les liens ne sont pas alignés au fond de la div. Comment faire pour aligner les boutons pour modifier, supprimer, ajouter panier au bas de la div. Remarque je ne suis pas à l'aide d'un table.

.bottomaligned {position:absolute; bottom:0;  margin-bottom:7px; margin:7px;}
.fixedheight { height: 208px; position:relative; border:1px solid; margin:7px;}

Pertinentes bits à partir d'un modèle de rendu de la page dont la capture d'écran est présentée ci-dessous est collé ici. Notez qu'en utilisant le css class="bottomaligned" est toujours pas en alignant les liens. Même quand j'ai ajouté width: 300px; à la classe css .fixedheight, ils n'ont pas encore aligner.

 <div class="row">

  <% @products.each do |product| %>


 <div class="col-lg-3 col-sm-4 col-6 fixedheight ">

    <div class="bottomaligned">
     <%= link_to 'edit', edit_product_path(product), class: "btn btn-danger"  %>

     <%= button_to "Delete", product, data: {confirm: 'Are u sure?'}, method: :delete, class: "btn btn-danger" %>

     <%= button_to "Add to cart", order_items_path(product_id: product) %>

    </div>
    <hr>

  </div><!-- /.col-lg-3 -->

 <% end %>
</div><!-- /.row -->

La capture d'écran:bootstrap 3 alignez les liens et les boutons au bas d'un div

OriginalL'auteur brg | 2013-08-14

  1. 20

    Je l'ai résolu. Voir la nouvelle capture d'écran. Je l'ai fait par l'ajout de 3 différentes classes css: bottomaligned, bottomright et bottomleft, de sorte que chaque lien a maintenant une autre classe css.

      .bottomaligned {position:absolute; bottom:0;  margin-bottom:7px; left: 0;}
  .bottomright {position:absolute; bottom:0;  margin-bottom:7px; margin:7px; right: 0;}
  .bottomleft {position:absolute; bottom:0;  margin-bottom:7px; left: 100px;}
  .fixedheight { height: 200px;  width: 243px;  position:relative; border:1px solid;}

    C'est la façon dont le modèle semble maintenant:

      <div class="col-lg-3 col-sm-4 col-6 fixedheight ">

  <div>
    <div >
      <span class="bottomleft"><%= link_to 'edit', edit_product_path(product), class: "btn btn-danger"  %></span>

      <span class="bottomright"><%= button_to "Delete", product, data: {confirm: 'Are u sure?'}, method: :delete, class: "btn btn-danger" %></span>

      <span class="bottomaligned"> <%= button_to "Add to cart", order_items_path(product_id: product) %></span>

     </div>
    <hr>
  </div><!-- /.col-lg-3 -->

    La nouvelle capture d'écran:

    bootstrap 3 alignez les liens et les boutons au bas d'un div

    OriginalL'auteur brg