RS UI

Grid Layout

The CSS Grid Layout Module offers a grid-based layout system, with rows and columns, making it easier to design web pages without having to use floats and positioning.

Grid Example

grid-layout
            
                    <div class="col-12">  
                            Grid 12 
                    </div>
                    <div class="col-11">  
                        Grid 11 
                    </div>

                    <div class="col-10">  
                        Grid 10 
                    </div>

                    <div class="col-9">  
                        Grid 9
                    </div>
                
                    <div class="col-8">  
                        Grid 8 
                    </div>

                    <div class="col-7">  
                        Grid 7 
                    </div>

                    <div class="col-6">  
                        Grid 6 
                    </div>

                    <div class="col-5">  
                        Grid 5
                    </div>

                    <div class="col-4">  
                        Grid 4
                    </div>

                    <div class="col-3">  
                        Grid 3
                    </div>

                    <div class="col-2">  
                        Grid 2
                    </div>

                    <div class="col-1">  
                        Grid 1
                    </div>