Skip to content

Instantly share code, notes, and snippets.

@gsmartagence
Last active July 19, 2019 16:35
Show Gist options
  • Select an option

  • Save gsmartagence/a62dae5f6abf450f85423112a378df2e to your computer and use it in GitHub Desktop.

Select an option

Save gsmartagence/a62dae5f6abf450f85423112a378df2e to your computer and use it in GitHub Desktop.
/**
* bootstrapBreakpointsHelper
*/
export const bootstrapBreakpointsHelper = function () {
'use strict'
const bootstrapControlStr = '<div style="display:block;padding:1rem 2rem;position:fixed;bottom:0;right:0;z-index:999999;background-color:#B30000;color:#FFF;"><div class="d-block d-sm-none"> XS</div><div class="d-none d-sm-block d-md-none">SM</div><div class="d-none d-md-block d-lg-none">MD</div><div class="d-none d-lg-block d-xl-none">LG</div><div class="d-none d-xl-block">XL</div></div>'
const bootstrapControl = document.createElement('div')
bootstrapControl.innerHTML = bootstrapControlStr
document.body.appendChild(bootstrapControl)
}
{
"name": "bootstrapBreakpointsHelper.js",
"version": "0.2.1"
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment