/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

40 votes374 views6 answers
How to add bootstrap in angular
Javascript Bootstrap
13 votes296 views3 answers
Angular.json bootstrap path
Javascript Bootstrap
1 vote357 views1 answer
Bootstrap 4 material icon vertical align
CSS Bootstrap
35 votes362 views3 answers
What does class="d-none d-md-block" mean in bootstrap?
CSS Bootstrap
0 vote319 views1 answer
Datatable bootstrap cllick on specific button
Javascript Bootstrap
3 votes325 views1 answer
Bootstrap 3 offset
CSS Bootstrap
0 vote324 views1 answer
React bootstrap font awesome icons
Javascript Bootstrap
0 vote338 views1 answer
Bootstrap format json
Javascript Bootstrap
0 vote341 views1 answer
React bootstrap navbar align right buttons
Javascript Bootstrap
4 votes295 views2 answers
Bootstrap Image thumbnails
CSS Bootstrap