8
votes

Bootstrap Tirez les boutons à droite dans la liste Suspending

J'ai le code suivant: xxx

Entrez la description de l'image ici

J'aimerais rendre la boîte plus grande afin que les boutons s'infiltrent, tout en conservant le texte / étiquette verticalement centrée verticalement. Alternativement, déplacer les boutons pour être dans la boîte fonctionnerait. J'utilise Bootstrap 3.2. Tout conseil bienvenu. Merci.

twitter-bootstrap twitter-bootstrap-3

0 commentaires

3 Réponses :

0
votes

J'ai essayé votre code .. oui il y a un problème. Vous pouvez donner un élément de premier li de classe supplémentaire puis définir le rembourrage pour cela.

par exemple fort> J'ai apporté un supplément à la première Li "Custom-Class" P>

 .custom-class{
     padding-bottom: 30px
}

0 commentaires

2
votes

Voici jsfiddle strong>

code: p>

<div class="container">
  <ul class="list-group">
    <li class="list-group-item clearfix">
      <!-- wrapped the text and label in a span -->
      <span style="position:absolute; top:30%;">userA <span class="label label-default">admin</span></span>
      <span class="pull-right button-group">
        <a href="/admin/userA" class="btn btn-primary"><span class="glyphicon glyphicon-edit"></span> Edit</a> 
        <button type="button" class="btn btn-danger"><span class="glyphicon glyphicon-remove"></span> Delete</button>
      </span>
    </li>
  </ul>
</div>

0 commentaires

11
votes

Le correctif est simple, il suffit d'ajouter le ClearFix à l'élément contenant les éléments flottés: xxx

démonstration: http://jsbin.com/yazoj/1/edit

et xxx

0 commentaires