Lanka Developers Community

    Lanka Developers

    • Register
    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Shop

    CSS Grid

    Front-End Development
    css
    9
    15
    2999
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • akmal
      akmal last edited by

      CSS grid කියන්නෙ අපිට 2 dimensional array එකකින් අපේ HTML Layout එක හදාගන්න introduce කරපු එකක්

      හරි අපි මුලින්ම බලමු මොකක්ද grid එකේ තියෙන වාසිය කියලා

      • complex layouts හදන්න අපිට Bootstrap වගේ ලොකු frameworks ඕන්නැ

      • අපිට ඕන layout එක mobile responsive එක්ක හදාගන්න පුලුවන්

      • අපි width, float ලියල කරන styling එකට වඩා ලේසියෙන් styling කරගන්න පුලුවන්

      කොහොමද මේ grid එක use කරන්නෙ?

      Codepen එකේ හදපු Pen එකේ Code එක click කරල refer කරගන්න

      1 Reply Last reply Reply Quote 5
      • tnlthanzeel
        tnlthanzeel Web Development last edited by

        @akmal , thanks bro

        akmal 1 Reply Last reply Reply Quote 1
        • akmal
          akmal @tnlthanzeel last edited by

          @tnlthanzeel you are welcome bro

          1 Reply Last reply Reply Quote 1
          • root
            root Linux Help last edited by

            awesome... we can develop simplyfied bootstrap version for lankadevelopers.

            1 Reply Last reply Reply Quote 1
            • akmal
              akmal last edited by akmal

              @root sure thing bro

              1 Reply Last reply Reply Quote 1
              • lkdev
                lkdev last edited by

                මේක use කරන එකෙයි bootstrap use කරන එකෙයි ලොකු වෙනසක් තියෙනවනේ . bootstrap pre built class use කරලා අපිට ලේසියෙන් හදාගන්න පුළුවන් මේ විදියට custom ගහගෙන වද විදින්න ඕනේ නැනේ. ඔයාට bootstrap ලොකු වැඩි නම් skeleton framwork එක use කරන්න පුළුවන්

                akmal 1 Reply Last reply Reply Quote 1
                • akmal
                  akmal @lkdev last edited by

                  @lkdev ඔව් bootstrap use කරලා ලේසියෙන් හදාගන්න පුලුවන් ඒත් bootstrap එකේ තියෙන layouts වලට වඩා CSS grids customize කරන්න පුලුවන්, අනිත් එක අපි Boostrap use කරත් නැත්නම් skeleton use කරත් දෙකම framework එකක්, ඔයා කොහොමත් ඒකට CDN හෝ File link karanna wenawa ඒත් grid use කරනවා නම් ඔයාට ඔයාගේ style file එකේම වැඩේ කරගන්න පුලුවන්

                  DevKasun 1 Reply Last reply Reply Quote 1
                  • DevKasun
                    DevKasun @akmal last edited by

                    @akmal Framework ekak use karanawata wada man nam CSS Grid walata kamati.Bootstrap use kalama wenasak teren na site ekak dammama.danna kenek baluwa gaman meka bootstrap site ekak kiyanawa.etakota agaya adui

                    1 Reply Last reply Reply Quote 1
                    • F
                      fern Node.js last edited by

                      matanm Bootstrap Grid system eka thama lesima, custom css gahanna ona wenne nahane ethakota... custom css gahagena amaruwen karana wade bootstrap walin lesiyenma kara ganna pluwnne...

                      1 Reply Last reply Reply Quote 2
                      • Nubelle
                        Nubelle Web Development last edited by

                        ou bootstrap grid system eka lesi , m use karaneth bootstrap

                        1 Reply Last reply Reply Quote 1
                        • ciaompe
                          ciaompe last edited by

                          ඇයි bootstrap තියාගෙන මෙහෙම custom css ගහන්නේ මේක ගොඩක් වෙලා යන වැඩක් ඒ වගේම sliders අනිත් javascript components bootstrap තමයි support කරන්නේ

                          1 Reply Last reply Reply Quote 1
                          • akmal
                            akmal last edited by

                            Bootstrap lesi thami, ath bootstrap ekata wada grid wla layout ek hariyata apita ona widihata hdgnna puluwn

                            1 Reply Last reply Reply Quote 0
                            • akmal
                              akmal last edited by

                              anith eka tmi dn api hadana single page applications wla Bootstrap hariyata render wenneth na, api angular gatthanam ekema tynwa flexlayot plugin ekak eka use krla apita ona widihata css flex, css grid use krnna puluwn

                              root 1 Reply Last reply Reply Quote 0
                              • root
                                root Linux Help @akmal last edited by

                                @akmal bootstrap walata loku community ekak thiyenawa ekai bootstrap ochchara famous wela thiyenne. example ekak gaththoth slider ekak danna bootstarp nathuwa kochchara loku wedak da. eth boostrap walata support karana sliders kochhara thiyenawada

                                1 Reply Last reply Reply Quote 0
                                • Shalinda Silva
                                  Shalinda Silva last edited by

                                  Thanks, good one

                                  1 Reply Last reply Reply Quote 0
                                  • 1 / 1
                                  • First post
                                    Last post

                                  1
                                  Online

                                  3.7k
                                  Users

                                  1.3k
                                  Topics

                                  5.3k
                                  Posts

                                  • Privacy
                                  • Terms & Conditions
                                  • Donate

                                  © Copyrights and All right reserved Lanka Developers Community

                                  Powered by Axis Technologies (PVT) Ltd

                                  Made with in Sri Lanka

                                  | |