Sitefinity: Layout Grid Containers

Layout: Sitefinity Hybrid Grid

Example of the Sitefinity hybrid grid system. Found in the Single and Two Column toolbox.

Sitefinity Hybrid Grid: 3 Column

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum suscipit scelerisque neque ac rhoncus. Sed feugiat semper aliquam. Mauris sed arcu a eros rutrum tempor eu id lacus.

Aliquam porta id erat non molestie. Ut est nulla, dictum et augue ut, tempor suscipit sapien.

Praesent tristique, dolor vitae convallis feugiat, odio libero blandit massa, eu porta neque sem molestie mauris.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum suscipit scelerisque neque ac rhoncus. Sed feugiat semper aliquam. Mauris sed arcu a eros rutrum tempor eu id lacus.

Aliquam porta id erat non molestie. Ut est nulla, dictum et augue ut, tempor suscipit sapien.

Praesent tristique, dolor vitae convallis feugiat, odio libero blandit massa, eu porta neque sem molestie mauris.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum suscipit scelerisque neque ac rhoncus. Sed feugiat semper aliquam. Mauris sed arcu a eros rutrum tempor eu id lacus.

Aliquam porta id erat non molestie. Ut est nulla, dictum et augue ut, tempor suscipit sapien.

Praesent tristique, dolor vitae convallis feugiat, odio libero blandit massa, eu porta neque sem molestie mauris.

Layout: Bootstrap Grid

Example of the Bootstrap Grid system in Sitefinity. Found in the Grid Widgets toolbox.

Bootstrap Grid: 3 Column

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum suscipit scelerisque neque ac rhoncus. Sed feugiat semper aliquam. Mauris sed arcu a eros rutrum tempor eu id lacus.

Aliquam porta id erat non molestie. Ut est nulla, dictum et augue ut, tempor suscipit sapien.

Praesent tristique, dolor vitae convallis feugiat, odio libero blandit massa, eu porta neque sem molestie mauris.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum suscipit scelerisque neque ac rhoncus. Sed feugiat semper aliquam. Mauris sed arcu a eros rutrum tempor eu id lacus.

Aliquam porta id erat non molestie. Ut est nulla, dictum et augue ut, tempor suscipit sapien.

Praesent tristique, dolor vitae convallis feugiat, odio libero blandit massa, eu porta neque sem molestie mauris.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum suscipit scelerisque neque ac rhoncus. Sed feugiat semper aliquam. Mauris sed arcu a eros rutrum tempor eu id lacus.

Aliquam porta id erat non molestie. Ut est nulla, dictum et augue ut, tempor suscipit sapien.

Praesent tristique, dolor vitae convallis feugiat, odio libero blandit massa, eu porta neque sem molestie mauris.

Layout: Content Accordion

The Content Accordion layout widget. Found in the Grid Widgets toolbox.

Content Accordion: 3 Pane

Expand All Collapse All
  • Accordion 1 Link

    Content Area: Accordion 1

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum suscipit scelerisque neque ac rhoncus. Sed feugiat semper aliquam. Mauris sed arcu a eros rutrum tempor eu id lacus. Aliquam porta id erat non molestie. Ut est nulla, dictum et augue ut, tempor suscipit sapien. Praesent tristique, dolor vitae convallis feugiat, odio libero blandit massa, eu porta neque sem molestie mauris. Duis sit amet eros finibus, porttitor urna eget, fermentum tortor. Nam augue mi, rhoncus eu lorem interdum, rutrum porta mi. Aliquam molestie gravida maximus

  • Accordion 2 Link

    Content Area: Accordion 2

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum suscipit scelerisque neque ac rhoncus. Sed feugiat semper aliquam. Mauris sed arcu a eros rutrum tempor eu id lacus. Aliquam porta id erat non molestie. Ut est nulla, dictum et augue ut, tempor suscipit sapien. Praesent tristique, dolor vitae convallis feugiat, odio libero blandit massa, eu porta neque sem molestie mauris. Duis sit amet eros finibus, porttitor urna eget, fermentum tortor. Nam augue mi, rhoncus eu lorem interdum, rutrum porta mi. Aliquam molestie gravida maximus

  • Accordion 3 Link

    Content Area: Accordion 3

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum suscipit scelerisque neque ac rhoncus. Sed feugiat semper aliquam. Mauris sed arcu a eros rutrum tempor eu id lacus. Aliquam porta id erat non molestie. Ut est nulla, dictum et augue ut, tempor suscipit sapien. Praesent tristique, dolor vitae convallis feugiat, odio libero blandit massa, eu porta neque sem molestie mauris. Duis sit amet eros finibus, porttitor urna eget, fermentum tortor. Nam augue mi, rhoncus eu lorem interdum, rutrum porta mi. Aliquam molestie gravida maximus

Layout: Content Tabs

The Content Tabs layout widget. Found in the Grid Widgets toolbox.

Content Tabs: 3 Tab

  • Content Area: Tab 1

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum suscipit scelerisque neque ac rhoncus. Sed feugiat semper aliquam. Mauris sed arcu a eros rutrum tempor eu id lacus. Aliquam porta id erat non molestie. Ut est nulla, dictum et augue ut, tempor suscipit sapien. Praesent tristique, dolor vitae convallis feugiat, odio libero blandit massa, eu porta neque sem molestie mauris. Duis sit amet eros finibus, porttitor urna eget, fermentum tortor. Nam augue mi, rhoncus eu lorem interdum, rutrum porta mi. Aliquam molestie gravida maximus

  • Content Area: Tab 2

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum suscipit scelerisque neque ac rhoncus. Sed feugiat semper aliquam. Mauris sed arcu a eros rutrum tempor eu id lacus. Aliquam porta id erat non molestie. Ut est nulla, dictum et augue ut, tempor suscipit sapien. Praesent tristique, dolor vitae convallis feugiat, odio libero blandit massa, eu porta neque sem molestie mauris. Duis sit amet eros finibus, porttitor urna eget, fermentum tortor. Nam augue mi, rhoncus eu lorem interdum, rutrum porta mi. Aliquam molestie gravida maximus

  • Content Area: Tab 3

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum suscipit scelerisque neque ac rhoncus. Sed feugiat semper aliquam. Mauris sed arcu a eros rutrum tempor eu id lacus. Aliquam porta id erat non molestie. Ut est nulla, dictum et augue ut, tempor suscipit sapien. Praesent tristique, dolor vitae convallis feugiat, odio libero blandit massa, eu porta neque sem molestie mauris. Duis sit amet eros finibus, porttitor urna eget, fermentum tortor. Nam augue mi, rhoncus eu lorem interdum, rutrum porta mi. Aliquam molestie gravida maximus

Layout: Section Box

The Section Box layout widget. Found in the Grid Widgets toolbox.

Section Box: Default

Hello, I'm a Section Box. You can put any kind of content here.

Section Box: Default

Hello, I'm a Section Box. You can put any kind of content here.

Design, Tools & Training

Skip Menu
Top