I was wondering if anyone knows about the SEO impact of using bootstraps
visible classes for creating a responsive website? I have created a new website with Bootstrap using these classes. On most of the pages the main content is on the left and then there are a number of links on the right side of the page. My structure is like this:
<div class="row"> <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12"> //Main content here on left of page </div> <div class="col-lg-6 col-md-6 visible-lg visible-md"> //Content on right of page for large and medium devices </div> <!--SMALL STARTS HERE--> <div class="col-sm-12 visible-sm"> //Same content but drops below main content of page for small devices </div> <!--EXTRA SMALL STARTS HERE--> <div class="col-xs-12 visible-xs"> //Same content again but drops below main content and is rendered for phones </div> </div>
So my question is if this is a bad idea or not? I am worried that Google/Bing/Yahoo will see this as duplicate content on my pages and penalise me for it. Is this an issue I should be worried about? Thanks.