.. ================================================== .. FOR YOUR INFORMATION .. -------------------------------------------------- .. -*- coding: utf-8 -*- with BOM. .. include:: ../../Includes.txt .. _grid: Responsive Grid =============== .. _grid-description: Description ----------- The first delivered gridelements is a dynamic grid-system for your content elements (2-5 columns). The grid-system is responsive and works with a 20-column grid-system. Twitter Bootstrap is **not** required. No configuration needed. No need to define gridelements. .. _grid-screenshots: Screenshots ----------- The screenshots show what the extension offers. - Display content grids in different breakpoints - Backend view - Plugin configuration A (2-16-2) grid and a (10-10) grid below it on a large device. ************************************************************** .. figure:: ../../Images/Components/Grid/screen1.png :alt: large display Small columns left and right are hidden by hidden classes ********************************************************* .. figure:: ../../Images/Components/Grid/screen2.png :alt: small display The (10-10) are full-width columns on small devices. **************************************************** .. figure:: ../../Images/Components/Grid/screen3.png :alt: smallest display -------------------------- BE view of simplegrids elements ******************************* .. figure:: ../../Images/Components/Grid/screen4.png :alt: BE view of simplegrids elements Example plugin configuration **************************** .. figure:: ../../Images/Components/Grid/screen5.png :alt: plugin configuration