Три колонки справа в bootstrap 3, возможно ли?

Question

[game802]

Добрый день/вечер, уважаемые знатоки! Хотел бы задать вам вопрос по поводу создания 3 колонов с правой стороны от главного блока... выглядит это примерно вот так:

не совсем понимаю то, как это реализовать... спасибо за помощь заранее!!

Comments

[Модератор]

game802, за порчу вопросов будет больно.

Answer 1

[Иван]

Так в чем проблема? На вскидку.
1) Делаешь контейнер, строку (.row).
2) 2 блока - .col-md-8 и .col-md-4 например
3) В правом блоке делаешь строку (.row).
4) Вставляешь 3 блока .col-md-12. Т.к. в длинну они не влезут, будут переносится на следующую строку.
либо можно вставить 3 строки... Но мне почему-то первый вариант кажется ближе.

Comments

[game802]

спасибо за помощь!

[Иван]

Сергей: Вы правы, поправил.

[Сергей delphinpro]

Да просто в правом блоке делаешь свои три блока, без всяких бутсраповских классов.

Answer 2

[Алексей Ярков]

<div class="container">
    <div class="row">
        <div class="col-lg-9" style="height:100%;">
            0
        </div>
        <div class="col-lg-3">
            <div class="row">
                <div class="">
                    1
                </div>
            </div>
            <div class="row">
                <div class="">
                    2
                </div>
            </div>
            <div class="row">
                <div class="">
                    3
                </div>
            </div>
        </div>
    </div>
</div>

Comments

[game802]

так и сделал, спасибо за помощь!

[iBird Rose]

нельзя вкладывать col внутрь col без row. после col-lg-3 должен быть row

[iBird Rose]

и вы задрали со своими col-lg-12. где вас такому учат? вы понимаете что col-lg-12 будет вести себя также как и обычный div вообще без единого класса? тогда зачем вообще прописыать ему классы бутстрапа?

[Алексей Ярков]

iBird Rose: безусловно вы правы во всем. Накидал не глядя почти, поглядывая одним глазом во вкладку с фильмом )))

[Иван]

iBird Rose: ну так блок безнифига не будет во всю ширину, разве нет?

[HamSter]

=)))))

[iBird Rose]

Иван: будет) обычный div по дефолту 100%

[Сергей delphinpro]

iBird Rose: не совсем так. у колонок есть внутренние паддинги. в том числе у col-*-12. А вот связку .row>.col-*-12 уже можно заменить на просто div.

[iBird Rose]

Сергей: ну я ему это и хотел сказать в двух комментах выше. он кажись не так понял. да. щас его вариант тоже не верный. row будет ломать дивы без классов

[game802]

iBird Rose: не могли бы вы написать правильный ответ, как ответ, чтобы я отметил Ваше решение верным? А это решения я сниму с правильного, спасибо!