<style>
@media screen and (min-width: 0px) and (max-width: 400px) {
#my-content{ display: none; } /* show it on large screen */
}
@media screen and (min-width: 401px) and (max-width: 1024px) {
#my-content{ display: block; } /* hide it small screens */
}
<style>
<div id="my-content">
This code works but I want to add a button for show/hide this "my-content" on small device. I don't want to show this button in large display. This button only show on small screen. I want to use this code with a bootstrap site.