CSS per Bootstrap. Centrare il bottone del jumbotron

[phelps]

Ciao ragazzi sono nuovo.
Chiedo il vostro aiuto.
Sto studiando Bootstrap e nelle mie prove html ho inserito il codice del jumbotron:

<divclass="jumbotron">  <h1>Hello, world!</h1>
  <p>...</p>
  <p><a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a></p> </div>

Nel jumbotron ho inserito un 'immagine e gli ho dato una classe. Nel mio file css mi è bastato attribuire margin: 0 auto ; per centrare l'immagine nel suo parent.
Pero non riesco a centrare quel button.
Nel mio file css ho provato a sovrascivere la classe e attribuire ad essa margin: 0 auto; ma non si sposta.
Se do il margin left alla classe a.btn-primary.btn-lg, poi con il layout responsivo il bottone schizza fuori dal suo contenitore.
Come devo scrivere?
grazie , saluti

[Roby140569]

Innanzitutto, ti consiglio di non pasticciare il CSS del Bootstrap, ma lavorare su un CSS a parte.
In ogni caso, senza modificare alcun CSS, se vuoi centrare quel button, basta mettere nel tag p la classe text-center.

<p class="text-center"><a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a></p>

[phelps]

Innanzitutto, ti consiglio di non pasticciare il CSS del Bootstrap, ma lavorare su un CSS a parte.
In ogni caso, senza modificare alcun CSS, se vuoi centrare quel button, basta mettere nel tag p la classe text-center.

<p class="text-center"><a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a></p>

Si infatti nel post iniziale ho scritto, nel mio file CSS ed ho parlato di sovrascrizione delle classi.
Infatti grazie.. si funziona con il p.