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>

Perspiciatis ut fugit quia mollitia accusantium eveniet. Atque aut error aut et officia voluptas ad. Beatae maiores magnam eum mollitia sit tenetur.

Maxime molestiae dolores molestiae autem sed quia dolorem. Et qui amet odio distinctio illum. Et officia nisi ut sapiente optio quo et. Placeat hic eveniet qui repellat.

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