Към съдържанието
РАЗПОЛОЖЕНИЕ · FREE

Grid

12-колонна мрежа, която се променя с размера на екрана.

Дванадесетколонна мрежа, в която всеки елемент задава ширината си на всеки екран и я променя при по-големи прагове.

Защо помага

  • Дванадесет колони
  • Ширини по прагове
  • Адаптивна

Къде пасва

  • Табла
  • Галерии
  • Разположения на страници
Контролата Grid в страница на RayCraft

Пример

<Grid Spacing="3">
    <GridItem Span="12"><Card><ChildContent>Span 12</ChildContent></Card></GridItem>
    <GridItem Span="8"><Card><ChildContent>Span 8</ChildContent></Card></GridItem>
    <GridItem Span="4"><Card><ChildContent>Span 4</ChildContent></Card></GridItem>
    <GridItem Span="4"><Card><ChildContent>Span 4</ChildContent></Card></GridItem>
    <GridItem Span="4"><Card><ChildContent>Span 4</ChildContent></Card></GridItem>
    <GridItem Span="4"><Card><ChildContent>Span 4</ChildContent></Card></GridItem>
</Grid>

Кратък фрагмент. Добавете @using RayCraft.Blazor.Components към страницата си и ползвайте интерактивен режим на рендиране.

Включено в RayCraft Free. Работещи примери има в хранилище в GitHub (MIT); то съдържа примерен и демонстрационен код, не кода на библиотеката.

Всички контроли ยท Документация