/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 vote271 views1 answer
Css bootstrap carousel fade how to add fade in up text
CSS Bootstrap
26 votes231 views10 answers
Bootstrap
CSS Bootstrap
0 vote230 views2 answers
Make all images same size bootstrap
CSS Bootstrap
0 vote245 views1 answer
Adding bootstrap to angular global styles
Javascript Bootstrap
0 vote264 views1 answer
How to make bootstrap cards same height css trics
CSS Bootstrap
0 vote195 views1 answer
How to use linear-gradient together with background image in bootstrap
CSS Bootstrap
0 vote253 views1 answer
Angular-bootstrap-md angular 10
Javascript Bootstrap
3 votes250 views1 answer
Jquery close bootstrap model
Javascript Bootstrap
255 votes344 views8 answers
Bootstrap 4 cdn
Javascript Bootstrap
0 vote256 views2 answers
Bootstrap carousel change caption position
Javascript Bootstrap