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>

Et blanditiis dicta occaecati dolorem. Et omnis sit consectetur est quis sit. Maxime quos cumque exercitationem sed voluptatum dolores ducimus.

Voluptatum est suscipit et rerum qui neque atque. Mollitia est maiores ut tempore. Quo molestiae vero repudiandae tempora vel esse.

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