Using the visible/hidden css for bootstrap to hide or show content thus:
<div class=" col-xs-12 visible-xs">
TITLE
<iframe 1>
same descriptive content
</div>
<div class="col-xs-12 hidden-xs">
TITLE
<iframe 2>
same descriptive content
</div>
Would this be considered as duplicate content and bad seo practice?
If so and I changed the title and description on one of the div's would this then be considered for some other penalty by the powers that spider?
Looking for the best solution to a responsive design, your opinions are welcome. Flame on!