/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

2 votes392 views2 answers
Bootstrap icons in angular
CSS Bootstrap
22 votes376 views2 answers
React-bootstrap example
Javascript Bootstrap
0 vote393 views1 answer
How to change tab color react bootstraps customixation
Javascript Bootstrap
1 vote424 views1 answer
Bootstrap 4 modal popup remote url
Javascript Bootstrap
0 vote417 views1 answer
Checkbox change background color bootstrap
CSS Bootstrap
0 vote368 views1 answer
Form.select not working react bootstrap
Javascript Bootstrap
0 vote356 views1 answer
Filter bootstrap
Javascript Bootstrap
0 vote445 views1 answer
Vue js doesn't support bootstrap-vue
Javascript Bootstrap
0 vote377 views1 answer
Bootstrap searchable pagination table example jquery
Javascript Bootstrap
3 votes391 views2 answers
Bootstrap.min.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
CSS Bootstrap