مثال شبکه سیال

به طور پیش فرض سیستم شبکه بوت استرپ با بهره گیری از 12 ستون .این سیستم شبکه سیال با استفاده از درصد به جای پیکسل برای عرض ستون.که ریسپانسیو می باشد..

[columns grid="yes"]
    [column_item col="4"]Fourth [/column_item]
    [column_item col="4"]Fourth [/column_item]
    [column_item col="4"]Fourth [/column_item]
[/columns ]
[columns grid="yes"]
    [column_item col="4"]Fourth [/column_item]
    [column_item col="8"]Seventh [/column_item]
[/columns]
[columns grid="yes"]
    [column_item col="6"]Sixth [/column_item]
    [column_item col="6"]Sixth [/column_item]
[/columns]
[columns grid="yes"]
    [column_item col="12"]Twelfth [/column_item]
[/columns]

عرض جایگزین

عمل به همان شیوه به عنوان سیستم شبکه ثابت جبران: اضافه کنید offset="1->12" به هر ستون به ستون افست شده توسط که بسیاری استفاده می شود.

[columns grid="yes"]
    [column_item col="5"] Fifth [/column_item]
    [column_item col="6" offset="1"] Sixth offset 1 [/column_item]
[/columns]
[columns grid="yes"]
    [column_item col="6"] Sixth [/column_item]
    [column_item col="5" offset="1"] Fifth offset 1 [/column_item]
[/columns]
[columns grid="yes"]
    [column_item col="7"] Seventh [/column_item]
    [column_item col="4" offset="1"] Fourth offset 1 [/column_item]
[/columns]