Barre d'outils Bouton 3 Bouton Center Bootstrap à l'intérieur de

Question

Comment centrer horizontalement un bouton BOOTSTRAP 3 gen 100OnodiceCode à l'intérieur d'un btn-toolbar Div?

      <div class="col-lg-6 col-sm-3 noleftpad">
          <div class="well topnestedbut">   
              <div class="btn-toolbar nested-top">
                  <button type="button" class="btn btn-default btn-sm"><strong>This must be centered</strong></button>
              </div>
          </div>
      </div>

CSS:

.btn-toolbar.nested-top{
    position:absolute;
    top:0px;
    text-align:center;
}

.well.topnestedbut{
    padding:35px 10px 10px;
}

.noleftpad{
    padding-left:0px;
}

Je veux que le bouton soit attaché au sommet du conteneur DIV et également centré:

Answer 1

Voici ce que j'ai fait:

Lorsqu'un élément est positionné absolu, il flotte au-dessus du contenu.Dans cet état, il ne fera que prendre autant de place que le contenu à l'intérieur de celui-ci.

Si vous définissez la largeur de 100% sur cet élément, il prendra 100% de la largeur des conteneurs parent (ou relative).

http://jsfiddle.net/per3m/3/

.btn-toolbar.nested-top{
    text-align:center;
    position:absolute;
        top:0;
    width:100%;
}