Nová ukázka
Reset
Načíst z URL
Uložit a získat odkaz
Nevyplňujte
Napiště „nejsem robot“
▶
Přepnout zobrazení
Výsledek
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css"> <div class="container"> <div class="row align-items-center"> <div class="col"> One of three columns </div> <div class="col"> <div>Middle1</div> <div>Middle2</div> </div> <div class="col"> One of three columns </div> </div> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
.row { min-height: 10rem; background-color: rgba(255,0,0,.2); } .row>.col { height: 100px; padding-top: .75rem; padding-bottom: .75rem; background-color: rgba(86,61,124,.15); border: 1px solid rgba(86,61,124,.2); display: flex; flex-direction: column; justify-content: center; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>