|
|
|
@ -14,13 +14,13 @@ |
|
|
|
<div class="demo-area"> |
|
|
|
<abp-container> |
|
|
|
<abp-row> |
|
|
|
<abp-column size-sm="C6">One of two columns</abp-column> |
|
|
|
<abp-column size-sm="C6">One of two columns</abp-column> |
|
|
|
<abp-column size-sm="_6">One of two columns</abp-column> |
|
|
|
<abp-column size-sm="_6">One of two columns</abp-column> |
|
|
|
</abp-row> |
|
|
|
<abp-row> |
|
|
|
<abp-column size-sm="C4">One of three columns</abp-column> |
|
|
|
<abp-column size-sm="C4">One of three columns</abp-column> |
|
|
|
<abp-column size-sm="C4">One of three columns</abp-column> |
|
|
|
<abp-column size-sm="_4">One of three columns</abp-column> |
|
|
|
<abp-column size-sm="_4">One of three columns</abp-column> |
|
|
|
<abp-column size-sm="_4">One of three columns</abp-column> |
|
|
|
</abp-row> |
|
|
|
</abp-container> |
|
|
|
</div> |
|
|
|
@ -144,24 +144,24 @@ |
|
|
|
<div class="demo-area"> |
|
|
|
<abp-container> |
|
|
|
<abp-row h-align="Start"> |
|
|
|
<abp-column size="C4">One of three columns</abp-column> |
|
|
|
<abp-column size="C4">One of three columns</abp-column> |
|
|
|
<abp-column size="_4">One of three columns</abp-column> |
|
|
|
<abp-column size="_4">One of three columns</abp-column> |
|
|
|
</abp-row> |
|
|
|
<abp-row h-align="Center"> |
|
|
|
<abp-column size="C4">One of three columns</abp-column> |
|
|
|
<abp-column size="C4">One of three columns</abp-column> |
|
|
|
<abp-column size="_4">One of three columns</abp-column> |
|
|
|
<abp-column size="_4">One of three columns</abp-column> |
|
|
|
</abp-row> |
|
|
|
<abp-row h-align="End"> |
|
|
|
<abp-column size="C4">One of three columns</abp-column> |
|
|
|
<abp-column size="C4">One of three columns</abp-column> |
|
|
|
<abp-column size="_4">One of three columns</abp-column> |
|
|
|
<abp-column size="_4">One of three columns</abp-column> |
|
|
|
</abp-row> |
|
|
|
<abp-row h-align="Around"> |
|
|
|
<abp-column size="C4">One of three columns</abp-column> |
|
|
|
<abp-column size="C4">One of three columns</abp-column> |
|
|
|
<abp-column size="_4">One of three columns</abp-column> |
|
|
|
<abp-column size="_4">One of three columns</abp-column> |
|
|
|
</abp-row> |
|
|
|
<abp-row h-align="Between"> |
|
|
|
<abp-column size="C4">One of three columns</abp-column> |
|
|
|
<abp-column size="C4">One of three columns</abp-column> |
|
|
|
<abp-column size="_4">One of three columns</abp-column> |
|
|
|
<abp-column size="_4">One of three columns</abp-column> |
|
|
|
</abp-row> |
|
|
|
</abp-container> |
|
|
|
</div> |
|
|
|
@ -200,8 +200,8 @@ |
|
|
|
<abp-container> |
|
|
|
<abp-row> |
|
|
|
<abp-column> First, but unordered</abp-column> |
|
|
|
<abp-column order="C12">Second, but last</abp-column> |
|
|
|
<abp-column order="C1">Third, but first</abp-column> |
|
|
|
<abp-column order="_12">Second, but last</abp-column> |
|
|
|
<abp-column order="_1">Third, but first</abp-column> |
|
|
|
</abp-row> |
|
|
|
<abp-row> |
|
|
|
<abp-column> First, but unordered</abp-column> |
|
|
|
@ -234,14 +234,14 @@ |
|
|
|
<div class="demo-area"> |
|
|
|
<abp-row> |
|
|
|
<abp-column> .col-md-4</abp-column> |
|
|
|
<abp-column size-md="C4" offset-md="C4">.col-md-4 .offset-md-4</abp-column> |
|
|
|
<abp-column size-md="_4" offset-md="_4">.col-md-4 .offset-md-4</abp-column> |
|
|
|
</abp-row> |
|
|
|
<abp-row> |
|
|
|
<abp-column size-md="C3" offset-md="C3">.col-md-3 .offset-md-3</abp-column> |
|
|
|
<abp-column size-md="C3" offset-md="C3">.col-md-3 .offset-md-3</abp-column> |
|
|
|
<abp-column size-md="_3" offset-md="_3">.col-md-3 .offset-md-3</abp-column> |
|
|
|
<abp-column size-md="_3" offset-md="_3">.col-md-3 .offset-md-3</abp-column> |
|
|
|
</abp-row> |
|
|
|
<abp-row> |
|
|
|
<abp-column size-md="C6" offset-md="C3">.col-md-6 .offset-md-3</abp-column> |
|
|
|
<abp-column size-md="_6" offset-md="_3">.col-md-6 .offset-md-3</abp-column> |
|
|
|
</abp-row> |
|
|
|
</div> |
|
|
|
<div class="code-area"> |
|
|
|
|