Horje
bootstrap gutter Code Example
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
breakpoint bootstrap 
// Extra small devices (portrait phones, less than 576px)
// No media query for `xs` since this is the default in Bootstrap

// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }
Source: getbootstrap.com
.row bootstrap 
.row{
    display: flex;
    flex-wrap: wrap;
	margin-right: -15px;
    margin-left: -15px;
}
bootstrap gutter 
<div class="container px-4">
  <div class="row gx-5"> "if you want to Y axix space just use gy (and put value)"
    <div class="col">
     <div class="p-3 border bg-light">Custom column padding</div>
    </div>
    <div class="col">
      <div class="p-3 border bg-light">Custom column padding</div>
    </div>
  </div>
</div>



Html

Related
html5 mssenger Code Example html5 mssenger Code Example
is html case sensitive Code Example is html case sensitive Code Example
add active class depending on the route laravel Code Example add active class depending on the route laravel Code Example
disabling cach using meta tag Code Example disabling cach using meta tag Code Example
Procent in html Code Example Procent in html Code Example

Type:
 Code Example
Category:
 Coding
Sub Category:
 Code Example
Uploaded by:
 Admin
Views:
 7



 

Horje