Grid/Column

Вы просматриваете документацию старой версии MoonShine. Рассмотрите возможность обновления вашего проекта до MoonShine 2.x.

Для расположения элементов на странице можно воспользоваться moonshine::grid и moonshine::column компонентами.

Секта состоит из 12 столбцов.

<x-moonshine::grid>
    <x-moonshine::column adaptiveColSpan="6" colSpan="6">
        {{ fake()->text() }}
    </x-moonshine::column>
    <x-moonshine::column adaptiveColSpan="6" colSpan="6">
        {{ fake()->text() }}
    </x-moonshine::column>
</x-moonshine::grid>

<x-moonshine::grid>
    <x-moonshine::column adaptiveColSpan="6" colSpan="6">
        {{ fake()->text() }}
    </x-moonshine::column>
    <x-moonshine::column adaptiveColSpan="6" colSpan="6">
        {{ fake()->text() }}
    </x-moonshine::column>
</x-moonshine::grid>

Ad suscipit quos fugit at beatae. Ad ea soluta nam eaque. Cum est molestias expedita debitis voluptatem deserunt libero.

Commodi qui unde recusandae culpa qui reprehenderit consequuntur. Odit quod ut necessitatibus velit. Voluptatem repellendus quidem consequatur iusto nam in. Aspernatur velit ut aut rerum tempora.

adaptiveColSpan - количество столбцов которые занимает блок при размерах экрана до 1280px.
colSpan - количество столбцов которые занимает блок при размерах экрана от 1280px.