Wie kann ich Padding auf Flex außerhalb Spalten festlegen - links und rechts, wenn ich möchte, dass Spalten mehr nach innen sind? Ich benutze Bootstrap, aber ich möchte nicht col-md-offset-1 oder ähnliches setzen.Polsterung außerhalb flex
Momentan, wenn ich padding: 0 50px;
auf .row
oder .flex
setze, haben Spalten nicht die gleiche Höhe.
http://codepen.io/anon/pen/ZWPzOp
.row {
padding: 0 50px;
background-color: #333;
}
.flex {
display: flex;
display: -webkit-flex;
/* Safari */
justify-content: space-around;
-webkit-justify-content: space-around;
/* Safari 6.1+ */
}
.col-md-4 {}
.col-inside {
background-color: #aaa;
padding: 20px;
}
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" />
<div class="container">
<div class="row">
<div class="flex">
<div class="col-md-4">
<div class="col-inside">
<p>lorem asdf pdsfpds asdf pdsfpdsa fd asdf pdsfpdsa fda f asdf pdsfp asdf pdsfpdsa fd asdf pdsfpdsa fddsa fd asdf pdsfpdsa fdds</p>
</div>
</div>
<div class="col-md-4">
<div class="col-inside">
<p>lorem a asdf pdsfpdsa asdf pdsfpdsa fd asdf pdsfpdsa fdasdf pdsfpdsa fd fdsdf asdf pdsfpdsa fdpdsfp asdf pdsfpdsa fd asdf pdsfpdsa fd asdf pdsf asdf pdsfpdsa fd as asdf pdsfpdsa fd asdf pdsfpdsa fddf pdsfpdsa fd asdf pdsfpdsa fdpdsa fd asdf
pdsfpdsa fd asdf pdsfpdsa fddsa fds</p>
</div>
</div>
<div class="col-md-4">
<div class="col-inside">
<p>lorem asd asdf pdsfpdsa fd asdf pdsfpdsa fd asdf pdsfpdsa fd asdf pds asdf pdsfpdsa fdfpdsa asdf pdsfpdsa fd asdf p asdf pdsfpdsa fd asdf pdsfpdsa fd asdf pdsfpdsa fd asdf pdsfpdsa fd asdf pdsfpdsa fddsfpdsa fd asdf pdsfpdsa fdfdf pdsfpdsa fds</p>
</div>
</div>
</div>
</div>
</div>
Hm Ich dachte, aber ich würde nicht gerne Marge auf Spalten setzen, weil ich gerne Standard-Padding zwischen ihnen bleiben würde (auch nur Rand links in der ersten Spalte und Rand rechts in der dritten Spalte). Sicherlich muss flex seine einfacheren Möglichkeiten haben, einfach Platz um ... – Marko
Hm, aber es funktioniert, wenn ich Display: flex auf Col-md-4 und außerhalb Wrapper und Padding auf äußere Zeile ohne Rand auf Col-md-4 :) – Marko