1
1
mirror of https://github.com/primer/css.git synced 2024-12-27 08:05:06 +03:00

Update grid.md

This commit is contained in:
simurai 2019-10-07 14:37:39 +09:00
parent 88191152e4
commit 0ba5bebaf5

View File

@ -88,10 +88,12 @@ Use `.mx-auto` to center columns within a container.
Column widths can be used with any other block or inline-block elements to add percentage-based widths.
```erb title="Column widths"
```html live
<div>
<div class="col-4 float-right p-2 border text-red">
<%= octicon "heart" %> Don't go bacon my heart.
<!-- <%= octicon "heart" %> -->
<svg class="octicon octicon-heart" viewBox="0 0 12 16" version="1.1" width="12" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M9 2c-.97 0-1.69.42-2.2 1-.51.58-.78.92-.8 1-.02-.08-.28-.42-.8-1-.52-.58-1.17-1-2.2-1-1.632.086-2.954 1.333-3 3 0 .52.09 1.52.67 2.67C1.25 8.82 3.01 10.61 6 13c2.98-2.39 4.77-4.17 5.34-5.33C11.91 6.51 12 5.5 12 5c-.047-1.69-1.342-2.913-3-3z"></path></svg>
<span>Don't go bacon my heart.<span>
</div>
<p>T-bone drumstick alcatra ribeye. Strip steak chuck andouille tenderloin bacon tri-tip ball tip beef capicola rump. Meatloaf bresaola drumstick ball tip salami. Drumstick ham bacon alcatra pig porchetta, spare ribs leberkas pork belly.</p>
</div>