Пятница, 22 Февраль 2013 22:58

Columns

Автор 
Оцените материал
(0 голосов)

Live fluid grid example

The default Bootstrap grid system utilizes 12 columns.The fluid grid system uses percents instead of pixels for column widths. It has the same responsive capabilities as our fixed grid system, ensuring proper proportions for key screen resolutions and devices.

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

Fluid offsetting

Operates the same way as the fixed grid system offsetting: add offset="1->12" to any column to offset by that many columns.

Fifth
Sixth offset 1
Sixth
Fifth offset 1
Seventh
Fourth offset 1
[columns]
    [column_item col="5"] Fifth [/column_item]
    [column_item col="6" offset="1"] Sixth offset 1 [/column_item]
[/columns]
[columns]
    [column_item col="6"] Sixth [/column_item]
    [column_item col="5" offset="1"] Fifth offset 1 [/column_item]
[/columns]
[columns]
    [column_item col="7"] Seventh [/column_item]
    [column_item col="4" offset="1"] Fourth offset 1 [/column_item]
[/columns]
Прочитано 11608 раз Последнее изменение Понедельник, 01 Апрель 2013 07:10
9555.рф

Donec auctor facilisis justo a luctus. Etiam vel dui sit amet ligula aliquam tincidunt. Nunc viverra suscipit lorem quis consectetur. Aliquam nec diam vitae neque molestie euismod.

Другие материалы в этой категории: « Dropcap Button »

2776 комментарии

  • Комментировать Rochell Суббота, 23 Июнь 2018 19:35 написал Rochell

    Hello There. I found yοur blog using msn. This is
    an extremelʏ ᴡell written article. I'll make sure to bookmark it and return to read more
    of your useful information. Tһanks foг the post.
    I wіll definitely return.

  • Комментировать 188bet Суббота, 23 Июнь 2018 19:13 написал 188bet

    I quite like looking through an article that can make people think.
    Also, many thanks for allowing for me to comment! http://cacuoc24.net

  • Комментировать Isabell Суббота, 23 Июнь 2018 19:09 написал Isabell

    fda approved canadian online pharmacies
    canadian pharmacies online
    Safe Canadian Online Pharmacies

  • Комментировать Jorg Суббота, 23 Июнь 2018 19:05 написал Jorg

    Thankfulness to my father who shared with me concerning this blog, this web
    site is actually awesome.

  • Комментировать Lora Суббота, 23 Июнь 2018 18:08 написал Lora

    Hey very nice website!! Guy .. Beautiful .. Amazing .. I'll bookmark your web site and take the feeds also?
    I am satisfied to find a lot of useful info right here in the submit,
    we'd like develop more techniques in this regard, thanks for sharing.
    . . . . .

  • Комментировать Lavonda Суббота, 23 Июнь 2018 18:08 написал Lavonda

    I see something reaⅼly interesting about your site so I saved to fav.

  • Комментировать Dominga Суббота, 23 Июнь 2018 17:48 написал Dominga

    Wonderful blog! Do you have any recommendations for aspiring writers?

    I'm planning to start my own blog soon but I'm a little lost on everything.
    Would you propose starting with a free platform like Wordpress or go for
    a paid option? There are so many options out there
    that I'm completely overwhelmed .. Any suggestions?

    Thanks!

  • Комментировать Carmella Суббота, 23 Июнь 2018 17:25 написал Carmella

    I'm impressed, I must say. Seldom do I come across
    a blog that's both educative and engaging, and let me
    tell you, you've hit the nail on the head. The problem is something that not enough people are speaking intelligently
    about. Now i'm very happy I stumbled across this during my hunt for something regarding this.
    Minecraft free to play 2018

  • Комментировать Sandy Суббота, 23 Июнь 2018 17:24 написал Sandy

    I love looking through an article that will make people think.
    Also, thank you for permitting me to comment!

  • Комментировать Jere Суббота, 23 Июнь 2018 17:23 написал Jere

    Magnificent web site. A lot of useful information here.

    I'm sending it to a few buddies ans also sharing in delicious.

    And naturally, thank you for your effort!

Оставить комментарий

Убедитесь, что вы вводите (*) необходимую информацию, где нужно
HTML-коды запрещены