/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

8 votes269 views3 answers
Bootstrap file upload
CSS Bootstrap
0 vote241 views1 answer
Bootstrap progress bar animation not working
CSS Bootstrap
32 votes268 views6 answers
Alert bootstrap
CSS Bootstrap
0 vote181 views1 answer
UseBootstrapPrefixhttp://localhost:8000/static/js/bundle.js:15261:75
Javascript Bootstrap
-1 vote280 views2 answers
Bootstrap 4 popover content from div
CSS Bootstrap
3 votes259 views2 answers
Bootstrap 5 pagination
CSS Bootstrap
34 votes245 views6 answers
Rounded bootstrap
Javascript Bootstrap
1 vote263 views1 answer
Bootstrap carousel click event next previous
Javascript Bootstrap
0 vote279 views1 answer
Bootstrap 4 form validator with jquery
Javascript Bootstrap
1 vote248 views1 answer
Bootstrap word-wrap: break-word;
CSS Bootstrap