vue-mq icon indicating copy to clipboard operation
vue-mq copied to clipboard

readme breakpoints that match bootstrap 4

Open tarekadam opened this issue 6 years ago • 1 comments

Bro! Nicely done! This is a fantastic module! Just wanted to add a bit of readme that would have been good when I got started. Thanks Again!!

tarekadam avatar Jan 07 '19 01:01 tarekadam

so based on the relevant bootsrap docs, it's like :

import VueMq from 'vue-mq'
Vue.use(VueMq, {
	breakpoints: {
		xs: 576,
		sm: 768,
		md: 992,
		lg: 1200,
		xl: Infinity
	}
})

nicely matching with a template of :

<span class="d-inline d-sm-none">XS</span>
<span class="d-none d-sm-inline d-md-none">SM</span>
<span class="d-none d-md-inline d-lg-none">MD</span>
<span class="d-none d-lg-inline d-xl-none">LG</span>
<span class="d-none d-xl-inline">XL</span>

ysle avatar Feb 05 '19 15:02 ysle