https://github.com/99x-incubator/json2bootgrid

Convert json to awesome bootstrap grid ✌️
https://github.com/99x-incubator/json2bootgrid

bootstrap json parser snippet

Last synced: 3 months ago
JSON representation

Convert json to awesome bootstrap grid ✌️

• Host: GitHub
• URL: https://github.com/99x-incubator/json2bootgrid
• Owner: 99x-incubator
• License: mit
• Created: 2018-08-04T11:48:22.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2020-07-04T03:06:13.000Z (almost 6 years ago)
• Last Synced: 2025-07-04T05:03:39.292Z (12 months ago)
• Topics: bootstrap, json, parser, snippet
• Language: JavaScript
• Homepage:
• Size: 13.7 KB
• Stars: 12
• Watchers: 4
• Forks: 12
• Open Issues: 6
• Metadata Files:
  • Readme: README.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

          
# json2bootgrid

Convert json to bootstrap grid with color, width and content

[Blog post](https://medium.com/@shalithasuranga/writing-a-json-to-bootstrap-grid-parser-using-recursion-dafea39ce6cf)

### Usage

#### Snippet

```javascript

    window.onload = () => {

      let a = {

        rows: [

          {

            columns: [

              {

                text: 'col 1',

                width: 6,

                color: 'green'

              },

              {

                text: 'col 2',

                width: 6,

                color: 'yellow'

              }

            ]

          }

        ]

      }

      document.getElementById('app').innerHTML = json2bootgrid(a);

    }

```

#### Output



### License

Distributed under the MIT [License](https://github.com/99xt-incubator/json2bootgrid/blob/master/LICENSE).