/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

0 vote306 views1 answer
Javascript test login password in bootstrap studio
Javascript Bootstrap
40 votes351 views6 answers
How to add bootstrap in angular
Javascript Bootstrap
0 vote344 views1 answer
React bootstrap carousel not working
CSS Bootstrap
0 vote296 views2 answers
./node_modules/bootstrap/dist/js/bootstrap.bundle.js
Javascript Bootstrap
3 votes323 views1 answer
Brand icon in bootstrap5
Javascript Bootstrap
145 votes340 views6 answers
Add bootstrap to react
CSS Bootstrap
0 vote400 views1 answer
Vendor bundle base js and bootstrap min js conflict
Javascript Bootstrap
0 vote335 views1 answer
Background image for div in grid system bootstrap
CSS Bootstrap
11 votes332 views3 answers
Bootstrap 4.6 npm
Javascript Bootstrap
0 vote293 views1 answer
On click a button triger a tab bootstrap 5
Javascript Bootstrap