/CSS/Bootstrap/No gutter in bootstrap css for row

No gutter in bootstrap css for row

No-gutter bootstrap 4

<div class="row no-gutters">
  <div class="col-12 col-sm-6 col-md-8">.col-12 .col-sm-6 .col-md-8</div>
  <div class="col-6 col-md-4">.col-6 .col-md-4</div>
</div>

Source: getbootstrap.com

No gutter in bootstrap css for row

.row.no-gutter {
  margin-left: 0;
  margin-right: 0;
}

.row.no-gutter [class*='col-']:not(:first-child),
.row.no-gutter [class*='col-']:not(:last-child) {
  padding-right: 0;
  padding-left: 0;
}

-1

Source: curabites.com

Similar codes

33 votes264 views3 answers
React native bootstrap
Javascript Bootstrap
0 vote269 views1 answer
Jquery autocomplete bootstrap modal
Javascript Bootstrap
145 votes799 views6 answers
Add bootstrap to react
Javascript Bootstrap
0 vote271 views1 answer
Bootstrap ol
CSS Bootstrap
-1 vote244 views1 answer
Bootstrap prevent dropdown from closing on click
Javascript Bootstrap
1 vote310 views1 answer
Bootstrap card hover effect
CSS Bootstrap
133 votes372 views6 answers
Using bootstrap with react
Javascript Bootstrap
18 votes305 views5 answers
Col-md-6 bootstrap
CSS Bootstrap
9 votes252 views2 answers
Bootstrap cheat sheet
CSS Bootstrap
6 votes189 views2 answers
Bootstrap alert auto close
Javascript Bootstrap