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>

Inventore voluptatem id sed nobis. Minima voluptatibus laborum qui. Recusandae tempora similique distinctio et. Dolorum suscipit dolorem dolorem quia.

Veritatis qui nihil qui et consequuntur. Dolor ullam dolorem et autem.

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