Update examples after grid changes
This commit is contained in:
parent
cd06c5baac
commit
62afdd0176
5 changed files with 25 additions and 25 deletions
|
|
@ -16,7 +16,7 @@ title: Grid template
|
|||
margin-left: -15px;
|
||||
margin-right: -15px;
|
||||
}
|
||||
[class*="col-span-"] {
|
||||
[class*="col-lg-"] {
|
||||
padding-top: 15px;
|
||||
padding-bottom: 15px;
|
||||
background-color: #f5f5f5;
|
||||
|
|
@ -32,22 +32,22 @@ title: Grid template
|
|||
|
||||
<h4>Three equal columns</h4>
|
||||
<div class="row">
|
||||
<div class="col-span-4">.col-span-4</div>
|
||||
<div class="col-span-4">.col-span-4</div>
|
||||
<div class="col-span-4">.col-span-4</div>
|
||||
<div class="col col-lg-4">.col .col-lg-4</div>
|
||||
<div class="col col-lg-4">.col .col-lg-4</div>
|
||||
<div class="col col-lg-4">.col .col-lg-4</div>
|
||||
</div>
|
||||
|
||||
<h4>Three unequal columns</h4>
|
||||
<div class="row">
|
||||
<div class="col-span-3">.col-span-3</div>
|
||||
<div class="col-span-6">.col-span-6</div>
|
||||
<div class="col-span-3">.col-span-3</div>
|
||||
<div class="col col-lg-3">.col .col-lg-3</div>
|
||||
<div class="col col-lg-6">.col .col-lg-6</div>
|
||||
<div class="col col-lg-3">.col .col-lg-3</div>
|
||||
</div>
|
||||
|
||||
<h4>Two columns</h4>
|
||||
<div class="row">
|
||||
<div class="col-span-8">.col-span-8</div>
|
||||
<div class="col-span-4">.col-span-4</div>
|
||||
<div class="col col-lg-8">.col .col-lg-8</div>
|
||||
<div class="col col-lg-4">.col .col-lg-4</div>
|
||||
</div>
|
||||
|
||||
<h4>Full width, single column</h4>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue