I have a vision for a webpage layout that will feature two columns in landscape mode and switch to one column in portrait mode. Here is an outline of what I have in mind:
Landscape:
<body>
<div class="container-fluid">
<div class="row">
<div class="col-xs-6">image goes here</div>
<div class="col-xs-6">text goes here</div>
</div>
</div>
</body>
Portrait:
<body>
<div class="container-fluid">
<div class="row">
image goes here
</div>
<div class="row">
text goes here
</div>
</div>
</body>
What would be the best approach to achieve this using Bootstrap?