Witam mam problem z kolumnami w bootstrapie, po dodaniu marginesu lewego ,prawego kolumny schodzą do nowej linii
<section class="blog">
<h1>Recent blog entries</h1>
<div class="container">
<div class="row">
<div class="col-md-6 col-lg-4 mb-5">
<a href="#">
<div class="first">
<h1>Pierwszy wpis</h1>
</div>
</a>
</div>
<div class="col-md-6 col-lg-4">
<a href="#">
<div class="first">
<h1>Pierwszy wpis</h1>
</div>
</a>
</div>
<div class="col-md-6 col-lg-4">
<a href="#">
<div class="first">
<h1>Pierwszy wpis</h1>
</div>
</a>
</div>
<div class="col-md-6 col-lg-4">
<a href="#">
<div class="first">
<h1>Pierwszy wpis</h1>
</div>
</a>
</div>
<div class="col-md-6 col-lg-4">
<a href="#">
<div class="first">
<h1>Pierwszy wpis</h1>
</div>
</a>
</div>
<div class="col-md-6 col-lg-4">
<a href="#">
<div class="first">
<h1>Pierwszy wpis</h1>
</div>
</a>
</div>
</div>
</div>
</section>
@import '_mixin.scss';
@import '_variables.scss';
.blog {
background-color: #c56cf0;
margin: 0;
padding: 0;
h1 {
@include h1-properties;
}
.container {
.row {
div {
background-color: cadetblue;
height: 40vh;
position: relative;
padding: 0;
margin-bottom: 20px;
a {
.first {
width: 100%;
height: 100%;
background-color: gray;
h1 {
@include center-transform;
}
}
}
}
}
}
}