Witam,
jak rozmieścić elementy tak jak na załączniku, tzn. u góry jak widać są dwa, pod spodem trzy, i na dole dwa
Witam,
jak rozmieścić elementy tak jak na załączniku, tzn. u góry jak widać są dwa, pod spodem trzy, i na dole dwa
Możesz użyć grida z bootstrapa, np.
<html>
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap-theme.min.css">
</head>
<body>
<div class="container" style="height:800px">
<div class="row" style="height:33%;">
<div class="col-md-9 col-xs-9" style="background:#FF0000;height:100%;"></div>
<div class="col-md-3 col-xs-3" style="background:#00FF00;height:100%;"></div>
</div>
<div class="row" style="height:33%;">
<div class="col-md-5 col-xs-5" style="background:#0000FF;height:100%;"></div>
<div class="col-md-7 col-xs-7">
<div class="row" style="background:#F0F0F0;height:50%;"></div>
<div class="row" style="background:#0F0F0F;height:50%;"></div>
</div>
</div>
<div class="row" style="height:33%;">
<div class="col-md-4 col-xs-4" style="background:#FF0000;height:100%;"></div>
<div class="col-md-8 col-xs-8" style="background:#00FF00;height:100%;"></div>
</div>
</div>
</body>
</html>
dzięki, trzeba poznać bootstrap
Jak już się będziesz uczyć bootstrapa to zainteresuj się też preprocesorami cssa, bo tych brzydkich klas przybywa i bez mixinów ciężko jest utrzymać porządek w kodzie.