/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

116 votes416 views6 answers
Bootstrap react
Javascript Bootstrap
0 vote394 views1 answer
Show modal in bootstrap 4
CSS Bootstrap
1 vote390 views2 answers
How to navigate with navintems for react-bootstrap without refreshing the whole page
Javascript Bootstrap
0 vote383 views1 answer
Bootstrap programmatically change tab
Javascript Bootstrap
1 vote389 views1 answer
Bootstrap multiselect change value
Javascript Bootstrap
0 vote299 views1 answer
Import button react-bootstrap
Javascript Bootstrap
2 votes368 views1 answer
Bootstrap 5 auto darkmode 5
CSS Bootstrap
0 vote388 views1 answer
How to convert json to bootstrap treeview format
Javascript Bootstrap
0 vote370 views1 answer
Row smaller than the container bootstrap react
Javascript Bootstrap
2 votes383 views2 answers
Remove the glow in bootstrap input
CSS Bootstrap