panes-bootstrap4-tpl

Bootstrap 4 template for the panes.js generators

Usage no npm install needed!

<script type="module">
  import panesBootstrap4Tpl from 'https://cdn.skypack.dev/panes-bootstrap4-tpl';
</script>

README

panes-bootstrap4-tpl

This is module provide a snippet of bootstrap components, its for use in conjunction with my other generators.

The reason behind this module is based on real world development experience. To built a full [framework]-bootstrap is great, but it just won't fit all the different situation during development. So you might ended up just copy and paste the template code into your component. So why not just provide you with the template, and create component based on it and develop from there.

You can use this with your own implementation

To use this npm

const bs4Tpl = require('panes-bootstrap4-tpl');

bs4Tpl(function(result)
{
    // return an object with their group as key
    // and an array as their content
} , function(err)
{
    // error hanlder
});

Then you just query what you need from the object key: array structure to get the path to the template. Import it and use with your own generators.

AVAILABLE TEMPLATES

  • buttons
    • button group
    • button toolbar
    • button
  • cards
    • card block
    • card columns
    • card deck
    • card group
    • card image
  • form
    • form group
    • input group dropdown
    • input group multiple
    • input group segmented button
    • input group with button
    • input group
  • misc
    • accordion
    • alert
    • carousel
    • jumbotron
    • modal
    • popovers
    • tooltips
  • navs
    • breadcrumb
    • dropdown
    • list group
    • nav inline
    • nav pills
    • nav stacked pills
    • nav tabs
    • nav
    • navbar full
    • navbar
    • pagination
  • progress
    • progress striped animated
    • progress striped
    • progress
  • tags
    • tag contextual
    • tag pill
    • tag