Bootstrap pull-right che causa sovrapposizione di elementi

Sto cercando di ottenere un singolo pulsante posizionato sopra un elenco, ma con il pulsante a destra.

Quando aggiungo la class pull-right al pulsante (o a un div contenente) il pulsante viene quindi sovrapposto all’elenco.

  • Something something 1
  • Something something 2
  • Something something 2

jsfiddle: http://jsfiddle.net/paulbau/384YH/

Dovresti invece aggiungere la class pull-right all’elemento button e quindi aggiungere un clearfix all’elemento parent. In tal modo, il div non collasserà su se stesso.

Esempio aggiornato

 

In alternativa, poiché il button è un elemento a livello di inline-block , puoi evitare di farlo fluttuare e utilizzare text-align:right invece. Basta aggiungere il text-right della class text-right al genitore. Non hai più bisogno del clearfix perché l’elemento button non viene rimosso dal stream del documento.

Esempio qui