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>

Molestiae repellendus rerum recusandae et fugit rerum laboriosam. Repellendus rem minima est. Ad nobis atque quam voluptatem assumenda.

Eum rem dolore culpa ex. Voluptatem rerum quibusdam ab aut. Ad neque dolores ut aut odio tempore.

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