Domanda Bootstrap: riferimento di classe


Potrebbe sembrare una domanda stupida, ma esiste un riferimento ufficiale alla classe di bootstrap? Ho consultato il sito Web e non sono riuscito a trovarne uno.

Sto cercando alcuni esempi e vedrò cose come:

<div class="container-fluid">

Come dovrei capire cosa sono tutti contain-fluid tag lo fa? Mi aspettavo di scavare attraverso il css per ogni classe per guardare le regole e quindi divino su come influenzerà la mia pagina? Sembra un modo rapido per formulare ipotesi e incontrare problemi in seguito.

C'è un riferimento ufficiale da qualche parte che mi manca? Ho visto alcune liste di classi compilate da terze parti, ma sembra che queste rimarranno sempre indietro rispetto ai nuovi cambiamenti e potrebbero contenere ipotesi di intensità.


13
2018-05-10 17:29


origine


risposte:


http://www.tutorialspoint.com/bootstrap/bootstrap_quick_guide.htm contiene un ottimo riferimento per molti componenti del layout di avvio e css.


1
2017-09-24 19:03



Non ufficiale ma aggiornato al 2/2016 https://bootstrapcreative.com/resources/bootstrap-3-css-classes-index/

PDF stampabile e una tabella ordinabile con descrizioni per aiutare a ordinare l'elenco delle classi.


3
2018-02-09 20:48



Bootstrap 3 è passato a un approccio "mobile first". .container è davvero solo lì nei casi in cui è necessario / desidera un layout a scatola. ma, se esenti interamente da div.container-fluid, per impostazione predefinita ti rimane un layout fluido.

ad esempio, per disporre di un layout fluido a due colonne, utilizzare semplicemente:

<body>
<header>...</header>
<div style="padding:0 15px;"><!-- offset row negative padding -->
<div class="row">
  <div class="col-md-6">50%</div>
  <div class="col-md-6">50%</div>
</div>
</div>
<footer>...</footer>
</body>

Il 2.x .container-fluid è stato sostituito da .container in Bootstrap 3.x (http://getbootstrap.com/getting-started/#migration), quindi il .container è fluido, ma non è a larghezza intera.

È possibile utilizzare la riga come un contenitore fluido, ma è necessario modificarlo leggermente per evitare una barra di scorrimento orizzontale. Estratto dai documenti (http://getbootstrap.com/css/#grid) ..

"Le persone che cercano di creare layout completamente fluidi (il che significa che il tuo sito estende l'intera larghezza del viewport) devono racchiudere il loro contenuto di griglia in un elemento contenente padding: 0 15px; per compensare il margine: 0 -15px; usato su .rows."

Ulteriori informazioni sulle modifiche in 3.x: http://bootply.com/bootstrap-3-migration-guide

demo: http://bootply.com/91948

AGGIORNAMENTO per Bootstrap 3.1

container-fluid è tornato di nuovo in Bootstrap 3.1. Ora è possibile utilizzare container-fluid per creare un layout a larghezza intera: http://www.bootply.com/116382


0
2017-09-23 10:45