<?php

use Twig\Environment;
use Twig\Error\LoaderError;
use Twig\Error\RuntimeError;
use Twig\Extension\SandboxExtension;
use Twig\Markup;
use Twig\Sandbox\SecurityError;
use Twig\Sandbox\SecurityNotAllowedTagError;
use Twig\Sandbox\SecurityNotAllowedFilterError;
use Twig\Sandbox\SecurityNotAllowedFunctionError;
use Twig\Source;
use Twig\Template;

/* ui-grid.html.twig */
class __TwigTemplate_0d8082f3558e24ac1129d4222cf2dda2 extends Template
{
    private $source;
    private $macros = [];

    public function __construct(Environment $env)
    {
        parent::__construct($env);

        $this->source = $this->getSourceContext();

        $this->blocks = [
            'title' => [$this, 'block_title'],
            'pagetitle' => [$this, 'block_pagetitle'],
            'body' => [$this, 'block_body'],
        ];
    }

    protected function doGetParent(array $context)
    {
        // line 1
        return "partials/layout-vertical.html.twig";
    }

    protected function doDisplay(array $context, array $blocks = [])
    {
        $macros = $this->macros;
        $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "ui-grid.html.twig"));

        $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "ui-grid.html.twig"));

        $this->parent = $this->loadTemplate("partials/layout-vertical.html.twig", "ui-grid.html.twig", 1);
        $this->parent->display($context, array_merge($this->blocks, $blocks));
        
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);

        
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);

    }

    // line 3
    public function block_title($context, array $blocks = [])
    {
        $macros = $this->macros;
        $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));

        $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));

        echo "Grid System
";
        
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);

        
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);

    }

    // line 6
    public function block_pagetitle($context, array $blocks = [])
    {
        $macros = $this->macros;
        $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "pagetitle"));

        $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "pagetitle"));

        // line 7
        echo "\t";
        echo twig_include($this->env, $context, "partials/page-title.html.twig", ["sub_title" => "Base UI", "page_title" => "Grid System"]);
        echo "
";
        
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);

        
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);

    }

    // line 10
    public function block_body($context, array $blocks = [])
    {
        $macros = $this->macros;
        $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));

        $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));

        // line 11
        echo "\t<div class=\"row\">
\t\t<div class=\"col-12\">
\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t<h4 class=\"header-title\">Grid options</h4>
\t\t\t\t\t<p class=\"text-muted fs-13\">
\t\t\t\t\t\tSee how aspects of the Bootstrap grid system work across multiple devices with a handy table.
\t\t\t\t\t</p>

\t\t\t\t\t<div class=\"table-responsive\">
\t\t\t\t\t\t<table class=\"table table-bordered table-striped mb-0\">
\t\t\t\t\t\t\t<thead>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<th></th>
\t\t\t\t\t\t\t\t\t<th class=\"text-center\">
\t\t\t\t\t\t\t\t\t\tExtra small<br>
\t\t\t\t\t\t\t\t\t\t<small>&lt;576px</small>
\t\t\t\t\t\t\t\t\t</th>
\t\t\t\t\t\t\t\t\t<th class=\"text-center\">
\t\t\t\t\t\t\t\t\t\tSmall<br>
\t\t\t\t\t\t\t\t\t\t<small>≥576px</small>
\t\t\t\t\t\t\t\t\t</th>
\t\t\t\t\t\t\t\t\t<th class=\"text-center\">
\t\t\t\t\t\t\t\t\t\tMedium<br>
\t\t\t\t\t\t\t\t\t\t<small>≥768px</small>
\t\t\t\t\t\t\t\t\t</th>
\t\t\t\t\t\t\t\t\t<th class=\"text-center\">
\t\t\t\t\t\t\t\t\t\tLarge<br>
\t\t\t\t\t\t\t\t\t\t<small>≥992px</small>
\t\t\t\t\t\t\t\t\t</th>
\t\t\t\t\t\t\t\t\t<th class=\"text-center\">
\t\t\t\t\t\t\t\t\t\tExtra large<br>
\t\t\t\t\t\t\t\t\t\t<small>≥1200px</small>
\t\t\t\t\t\t\t\t\t</th>
\t\t\t\t\t\t\t\t\t<th class=\"text-center\">
\t\t\t\t\t\t\t\t\t\tExtra large<br>
\t\t\t\t\t\t\t\t\t\t<small>≥1400px</small>
\t\t\t\t\t\t\t\t\t</th>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t</thead>
\t\t\t\t\t\t\t<tbody>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<th class=\"text-nowrap\" scope=\"row\">Max container width</th>
\t\t\t\t\t\t\t\t\t<td>None (auto)</td>
\t\t\t\t\t\t\t\t\t<td>540px</td>
\t\t\t\t\t\t\t\t\t<td>720px</td>
\t\t\t\t\t\t\t\t\t<td>960px</td>
\t\t\t\t\t\t\t\t\t<td>1140px</td>
\t\t\t\t\t\t\t\t\t<td>1320px</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<th class=\"text-nowrap\" scope=\"row\">Class prefix</th>
\t\t\t\t\t\t\t\t\t<td>
\t\t\t\t\t\t\t\t\t\t<code>.col-</code>
\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t\t<td>
\t\t\t\t\t\t\t\t\t\t<code>.col-sm-</code>
\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t\t<td>
\t\t\t\t\t\t\t\t\t\t<code>.col-md-</code>
\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t\t<td>
\t\t\t\t\t\t\t\t\t\t<code>.col-lg-</code>
\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t\t<td>
\t\t\t\t\t\t\t\t\t\t<code>.col-xl-</code>
\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t\t<td>
\t\t\t\t\t\t\t\t\t\t<code>.col-xxl-</code>
\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<th class=\"text-nowrap\" scope=\"row\"># of columns</th>
\t\t\t\t\t\t\t\t\t<td colspan=\"6\">12</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<th class=\"text-nowrap\" scope=\"row\">Gutter width</th>
\t\t\t\t\t\t\t\t\t<td colspan=\"6\">1.25rem (0.625rem on each side of a column)</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<th class=\"text-nowrap\" scope=\"row\">Custom gutters</th>
\t\t\t\t\t\t\t\t\t<td colspan=\"6\">Yes</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<th class=\"text-nowrap\" scope=\"row\">Nestable</th>
\t\t\t\t\t\t\t\t\t<td colspan=\"6\">Yes</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<th class=\"text-nowrap\" scope=\"row\">Column ordering</th>
\t\t\t\t\t\t\t\t\t<td colspan=\"6\">Yes</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t</tbody>
\t\t\t\t\t\t</table>
\t\t\t\t\t</div>
\t\t\t\t\t<!-- end table-responsive-->

\t\t\t\t</div>
\t\t\t\t<!-- end card-body-->
\t\t\t</div>
\t\t\t<!-- end card-->
\t\t</div>
\t\t<!-- end col-->
\t</div>
\t<!-- end row -->


\t<div class=\"row\">
\t\t<div class=\"col-12\">
\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t<h4 class=\"header-title mb-3\">Grid Example</h4>

\t\t\t\t\t<div class=\"grid-structure\">
\t\t\t\t\t\t<div class=\"row\">
\t\t\t\t\t\t\t<div class=\"col-lg-12\">
\t\t\t\t\t\t\t\t<div class=\"grid-container\">
\t\t\t\t\t\t\t\t\tcol-lg-12
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<div class=\"row\">
\t\t\t\t\t\t\t<div class=\"col-lg-11\">
\t\t\t\t\t\t\t\t<div class=\"grid-container\">
\t\t\t\t\t\t\t\t\tcol-lg-11
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<div class=\"col-lg-1\">
\t\t\t\t\t\t\t\t<div class=\"grid-container\">
\t\t\t\t\t\t\t\t\tcol-lg-1
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<div class=\"row\">
\t\t\t\t\t\t\t<div class=\"col-lg-10\">
\t\t\t\t\t\t\t\t<div class=\"grid-container\">
\t\t\t\t\t\t\t\t\tcol-lg-10
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<div class=\"col-lg-2\">
\t\t\t\t\t\t\t\t<div class=\"grid-container\">
\t\t\t\t\t\t\t\t\tcol-lg-2
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<div class=\"row\">
\t\t\t\t\t\t\t<div class=\"col-lg-9\">
\t\t\t\t\t\t\t\t<div class=\"grid-container\">
\t\t\t\t\t\t\t\t\tcol-lg-9
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<div class=\"col-lg-3\">
\t\t\t\t\t\t\t\t<div class=\"grid-container\">
\t\t\t\t\t\t\t\t\tcol-lg-3
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<div class=\"row\">
\t\t\t\t\t\t\t<div class=\"col-lg-8\">
\t\t\t\t\t\t\t\t<div class=\"grid-container\">
\t\t\t\t\t\t\t\t\tcol-lg-8
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<div class=\"col-lg-4\">
\t\t\t\t\t\t\t\t<div class=\"grid-container\">
\t\t\t\t\t\t\t\t\tcol-lg-4
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<div class=\"row\">
\t\t\t\t\t\t\t<div class=\"col-lg-7\">
\t\t\t\t\t\t\t\t<div class=\"grid-container\">
\t\t\t\t\t\t\t\t\tcol-lg-7
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<div class=\"col-lg-5\">
\t\t\t\t\t\t\t\t<div class=\"grid-container\">
\t\t\t\t\t\t\t\t\tcol-lg-5
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<div class=\"row\">
\t\t\t\t\t\t\t<div class=\"col-lg-6\">
\t\t\t\t\t\t\t\t<div class=\"grid-container\">
\t\t\t\t\t\t\t\t\tcol-lg-6
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<div class=\"col-lg-6\">
\t\t\t\t\t\t\t\t<div class=\"grid-container\">
\t\t\t\t\t\t\t\t\tcol-lg-6
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<div class=\"row\">
\t\t\t\t\t\t\t<div class=\"col-lg-5\">
\t\t\t\t\t\t\t\t<div class=\"grid-container\">
\t\t\t\t\t\t\t\t\tcol-lg-5
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<div class=\"col-lg-7\">
\t\t\t\t\t\t\t\t<div class=\"grid-container\">
\t\t\t\t\t\t\t\t\tcol-lg-7
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<div class=\"row\">
\t\t\t\t\t\t\t<div class=\"col-lg-4\">
\t\t\t\t\t\t\t\t<div class=\"grid-container\">
\t\t\t\t\t\t\t\t\tcol-lg-4
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<div class=\"col-lg-8\">
\t\t\t\t\t\t\t\t<div class=\"grid-container\">
\t\t\t\t\t\t\t\t\tcol-lg-8
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<div class=\"row\">
\t\t\t\t\t\t\t<div class=\"col-lg-3\">
\t\t\t\t\t\t\t\t<div class=\"grid-container\">
\t\t\t\t\t\t\t\t\tcol-lg-3
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<div class=\"col-lg-9\">
\t\t\t\t\t\t\t\t<div class=\"grid-container\">
\t\t\t\t\t\t\t\t\tcol-lg-9
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<div class=\"row\">
\t\t\t\t\t\t\t<div class=\"col-lg-2\">
\t\t\t\t\t\t\t\t<div class=\"grid-container\">
\t\t\t\t\t\t\t\t\tcol-lg-2
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<div class=\"col-lg-10\">
\t\t\t\t\t\t\t\t<div class=\"grid-container\">
\t\t\t\t\t\t\t\t\tcol-lg-10
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<div class=\"row\">
\t\t\t\t\t\t\t<div class=\"col-lg-1\">
\t\t\t\t\t\t\t\t<div class=\"grid-container\">
\t\t\t\t\t\t\t\t\tcol-lg-1
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<div class=\"col-lg-11\">
\t\t\t\t\t\t\t\t<div class=\"grid-container\">
\t\t\t\t\t\t\t\t\tcol-lg-11
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<div class=\"row\">
\t\t\t\t\t\t\t<div class=\"col-lg-2\">
\t\t\t\t\t\t\t\t<div class=\"grid-container\">
\t\t\t\t\t\t\t\t\tcol-lg-2
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<div class=\"col-lg-3\">
\t\t\t\t\t\t\t\t<div class=\"grid-container\">
\t\t\t\t\t\t\t\t\tcol-lg-3
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<div class=\"col-lg-4\">
\t\t\t\t\t\t\t\t<div class=\"grid-container\">
\t\t\t\t\t\t\t\t\tcol-lg-4
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<div class=\"col-lg-2\">
\t\t\t\t\t\t\t\t<div class=\"grid-container\">
\t\t\t\t\t\t\t\t\tcol-lg-2
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<div class=\"col-lg-1\">
\t\t\t\t\t\t\t\t<div class=\"grid-container\">
\t\t\t\t\t\t\t\t\tcol-lg-1
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<!-- end row -->
\t\t\t\t\t</div>
\t\t\t\t\t<!-- grid-structure -->

\t\t\t\t</div>
\t\t\t\t<!-- end card-body-->
\t\t\t</div>
\t\t\t<!-- end card-->
\t\t</div>
\t\t<!-- end col-->
\t</div>
\t<!-- end row-->

";
        
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);

        
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);

    }

    public function getTemplateName()
    {
        return "ui-grid.html.twig";
    }

    public function isTraitable()
    {
        return false;
    }

    public function getDebugInfo()
    {
        return array (  113 => 11,  103 => 10,  90 => 7,  80 => 6,  60 => 3,  37 => 1,);
    }

    public function getSourceContext()
    {
        return new Source("{% extends 'partials/layout-vertical.html.twig' %}

{% block title %}Grid System
{% endblock %}

{% block pagetitle %}
\t{{ include('partials/page-title.html.twig', { sub_title: 'Base UI', page_title: 'Grid System' }) }}
{% endblock %}

{% block body %}
\t<div class=\"row\">
\t\t<div class=\"col-12\">
\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t<h4 class=\"header-title\">Grid options</h4>
\t\t\t\t\t<p class=\"text-muted fs-13\">
\t\t\t\t\t\tSee how aspects of the Bootstrap grid system work across multiple devices with a handy table.
\t\t\t\t\t</p>

\t\t\t\t\t<div class=\"table-responsive\">
\t\t\t\t\t\t<table class=\"table table-bordered table-striped mb-0\">
\t\t\t\t\t\t\t<thead>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<th></th>
\t\t\t\t\t\t\t\t\t<th class=\"text-center\">
\t\t\t\t\t\t\t\t\t\tExtra small<br>
\t\t\t\t\t\t\t\t\t\t<small>&lt;576px</small>
\t\t\t\t\t\t\t\t\t</th>
\t\t\t\t\t\t\t\t\t<th class=\"text-center\">
\t\t\t\t\t\t\t\t\t\tSmall<br>
\t\t\t\t\t\t\t\t\t\t<small>≥576px</small>
\t\t\t\t\t\t\t\t\t</th>
\t\t\t\t\t\t\t\t\t<th class=\"text-center\">
\t\t\t\t\t\t\t\t\t\tMedium<br>
\t\t\t\t\t\t\t\t\t\t<small>≥768px</small>
\t\t\t\t\t\t\t\t\t</th>
\t\t\t\t\t\t\t\t\t<th class=\"text-center\">
\t\t\t\t\t\t\t\t\t\tLarge<br>
\t\t\t\t\t\t\t\t\t\t<small>≥992px</small>
\t\t\t\t\t\t\t\t\t</th>
\t\t\t\t\t\t\t\t\t<th class=\"text-center\">
\t\t\t\t\t\t\t\t\t\tExtra large<br>
\t\t\t\t\t\t\t\t\t\t<small>≥1200px</small>
\t\t\t\t\t\t\t\t\t</th>
\t\t\t\t\t\t\t\t\t<th class=\"text-center\">
\t\t\t\t\t\t\t\t\t\tExtra large<br>
\t\t\t\t\t\t\t\t\t\t<small>≥1400px</small>
\t\t\t\t\t\t\t\t\t</th>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t</thead>
\t\t\t\t\t\t\t<tbody>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<th class=\"text-nowrap\" scope=\"row\">Max container width</th>
\t\t\t\t\t\t\t\t\t<td>None (auto)</td>
\t\t\t\t\t\t\t\t\t<td>540px</td>
\t\t\t\t\t\t\t\t\t<td>720px</td>
\t\t\t\t\t\t\t\t\t<td>960px</td>
\t\t\t\t\t\t\t\t\t<td>1140px</td>
\t\t\t\t\t\t\t\t\t<td>1320px</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<th class=\"text-nowrap\" scope=\"row\">Class prefix</th>
\t\t\t\t\t\t\t\t\t<td>
\t\t\t\t\t\t\t\t\t\t<code>.col-</code>
\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t\t<td>
\t\t\t\t\t\t\t\t\t\t<code>.col-sm-</code>
\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t\t<td>
\t\t\t\t\t\t\t\t\t\t<code>.col-md-</code>
\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t\t<td>
\t\t\t\t\t\t\t\t\t\t<code>.col-lg-</code>
\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t\t<td>
\t\t\t\t\t\t\t\t\t\t<code>.col-xl-</code>
\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t\t<td>
\t\t\t\t\t\t\t\t\t\t<code>.col-xxl-</code>
\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<th class=\"text-nowrap\" scope=\"row\"># of columns</th>
\t\t\t\t\t\t\t\t\t<td colspan=\"6\">12</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<th class=\"text-nowrap\" scope=\"row\">Gutter width</th>
\t\t\t\t\t\t\t\t\t<td colspan=\"6\">1.25rem (0.625rem on each side of a column)</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<th class=\"text-nowrap\" scope=\"row\">Custom gutters</th>
\t\t\t\t\t\t\t\t\t<td colspan=\"6\">Yes</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<th class=\"text-nowrap\" scope=\"row\">Nestable</th>
\t\t\t\t\t\t\t\t\t<td colspan=\"6\">Yes</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<th class=\"text-nowrap\" scope=\"row\">Column ordering</th>
\t\t\t\t\t\t\t\t\t<td colspan=\"6\">Yes</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t</tbody>
\t\t\t\t\t\t</table>
\t\t\t\t\t</div>
\t\t\t\t\t<!-- end table-responsive-->

\t\t\t\t</div>
\t\t\t\t<!-- end card-body-->
\t\t\t</div>
\t\t\t<!-- end card-->
\t\t</div>
\t\t<!-- end col-->
\t</div>
\t<!-- end row -->


\t<div class=\"row\">
\t\t<div class=\"col-12\">
\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t<h4 class=\"header-title mb-3\">Grid Example</h4>

\t\t\t\t\t<div class=\"grid-structure\">
\t\t\t\t\t\t<div class=\"row\">
\t\t\t\t\t\t\t<div class=\"col-lg-12\">
\t\t\t\t\t\t\t\t<div class=\"grid-container\">
\t\t\t\t\t\t\t\t\tcol-lg-12
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<div class=\"row\">
\t\t\t\t\t\t\t<div class=\"col-lg-11\">
\t\t\t\t\t\t\t\t<div class=\"grid-container\">
\t\t\t\t\t\t\t\t\tcol-lg-11
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<div class=\"col-lg-1\">
\t\t\t\t\t\t\t\t<div class=\"grid-container\">
\t\t\t\t\t\t\t\t\tcol-lg-1
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<div class=\"row\">
\t\t\t\t\t\t\t<div class=\"col-lg-10\">
\t\t\t\t\t\t\t\t<div class=\"grid-container\">
\t\t\t\t\t\t\t\t\tcol-lg-10
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<div class=\"col-lg-2\">
\t\t\t\t\t\t\t\t<div class=\"grid-container\">
\t\t\t\t\t\t\t\t\tcol-lg-2
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<div class=\"row\">
\t\t\t\t\t\t\t<div class=\"col-lg-9\">
\t\t\t\t\t\t\t\t<div class=\"grid-container\">
\t\t\t\t\t\t\t\t\tcol-lg-9
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<div class=\"col-lg-3\">
\t\t\t\t\t\t\t\t<div class=\"grid-container\">
\t\t\t\t\t\t\t\t\tcol-lg-3
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<div class=\"row\">
\t\t\t\t\t\t\t<div class=\"col-lg-8\">
\t\t\t\t\t\t\t\t<div class=\"grid-container\">
\t\t\t\t\t\t\t\t\tcol-lg-8
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<div class=\"col-lg-4\">
\t\t\t\t\t\t\t\t<div class=\"grid-container\">
\t\t\t\t\t\t\t\t\tcol-lg-4
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<div class=\"row\">
\t\t\t\t\t\t\t<div class=\"col-lg-7\">
\t\t\t\t\t\t\t\t<div class=\"grid-container\">
\t\t\t\t\t\t\t\t\tcol-lg-7
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<div class=\"col-lg-5\">
\t\t\t\t\t\t\t\t<div class=\"grid-container\">
\t\t\t\t\t\t\t\t\tcol-lg-5
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<div class=\"row\">
\t\t\t\t\t\t\t<div class=\"col-lg-6\">
\t\t\t\t\t\t\t\t<div class=\"grid-container\">
\t\t\t\t\t\t\t\t\tcol-lg-6
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<div class=\"col-lg-6\">
\t\t\t\t\t\t\t\t<div class=\"grid-container\">
\t\t\t\t\t\t\t\t\tcol-lg-6
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<div class=\"row\">
\t\t\t\t\t\t\t<div class=\"col-lg-5\">
\t\t\t\t\t\t\t\t<div class=\"grid-container\">
\t\t\t\t\t\t\t\t\tcol-lg-5
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<div class=\"col-lg-7\">
\t\t\t\t\t\t\t\t<div class=\"grid-container\">
\t\t\t\t\t\t\t\t\tcol-lg-7
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<div class=\"row\">
\t\t\t\t\t\t\t<div class=\"col-lg-4\">
\t\t\t\t\t\t\t\t<div class=\"grid-container\">
\t\t\t\t\t\t\t\t\tcol-lg-4
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<div class=\"col-lg-8\">
\t\t\t\t\t\t\t\t<div class=\"grid-container\">
\t\t\t\t\t\t\t\t\tcol-lg-8
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<div class=\"row\">
\t\t\t\t\t\t\t<div class=\"col-lg-3\">
\t\t\t\t\t\t\t\t<div class=\"grid-container\">
\t\t\t\t\t\t\t\t\tcol-lg-3
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<div class=\"col-lg-9\">
\t\t\t\t\t\t\t\t<div class=\"grid-container\">
\t\t\t\t\t\t\t\t\tcol-lg-9
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<div class=\"row\">
\t\t\t\t\t\t\t<div class=\"col-lg-2\">
\t\t\t\t\t\t\t\t<div class=\"grid-container\">
\t\t\t\t\t\t\t\t\tcol-lg-2
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<div class=\"col-lg-10\">
\t\t\t\t\t\t\t\t<div class=\"grid-container\">
\t\t\t\t\t\t\t\t\tcol-lg-10
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<div class=\"row\">
\t\t\t\t\t\t\t<div class=\"col-lg-1\">
\t\t\t\t\t\t\t\t<div class=\"grid-container\">
\t\t\t\t\t\t\t\t\tcol-lg-1
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<div class=\"col-lg-11\">
\t\t\t\t\t\t\t\t<div class=\"grid-container\">
\t\t\t\t\t\t\t\t\tcol-lg-11
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<div class=\"row\">
\t\t\t\t\t\t\t<div class=\"col-lg-2\">
\t\t\t\t\t\t\t\t<div class=\"grid-container\">
\t\t\t\t\t\t\t\t\tcol-lg-2
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<div class=\"col-lg-3\">
\t\t\t\t\t\t\t\t<div class=\"grid-container\">
\t\t\t\t\t\t\t\t\tcol-lg-3
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<div class=\"col-lg-4\">
\t\t\t\t\t\t\t\t<div class=\"grid-container\">
\t\t\t\t\t\t\t\t\tcol-lg-4
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<div class=\"col-lg-2\">
\t\t\t\t\t\t\t\t<div class=\"grid-container\">
\t\t\t\t\t\t\t\t\tcol-lg-2
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<div class=\"col-lg-1\">
\t\t\t\t\t\t\t\t<div class=\"grid-container\">
\t\t\t\t\t\t\t\t\tcol-lg-1
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<!-- end row -->
\t\t\t\t\t</div>
\t\t\t\t\t<!-- grid-structure -->

\t\t\t\t</div>
\t\t\t\t<!-- end card-body-->
\t\t\t</div>
\t\t\t<!-- end card-->
\t\t</div>
\t\t<!-- end col-->
\t</div>
\t<!-- end row-->

{% endblock %}
", "ui-grid.html.twig", "/home/ct9/Desktop/Ishan/Jidox/jidox_symfony/templates/ui-grid.html.twig");
    }
}
