Within the structure of my web app view (created in Rails 5), this is the main div:
<nav class="navbar navbar-inverse navbar-fixed-top" >
my navigation bar
</nav>
<div class="col-md-6 col-md-offset-3">
the central content of my web app
</div>
While this setup displays nicely on a desktop browser, I am looking to address the issue of the col-md-offset-3 causing unnecessary white space and shrinking content on smaller devices. I would prefer for the col-md-6 to occupy the full width of the small device. Alternatively, is there a better solution? Perhaps something like:
<div class="col-md-3/> <div class="col-md-6"> <div class="col-md-3/>
I want these three divs to stack vertically in small devices, with the col-md-6 taking up most of the screen. How can I achieve this layout?