How to include different html files depending on the width?

Question

css

Started using Twitter Bootstrap css framework. There was such a question.
Let's say I have two files:
xs.html - html markup for devices with a small screen resolution (xs)
other.html - html markup for other devices
How, depending on the width, to include different html files or separate pieces of it?

Giving different content to different clients can alert search engines

Campaign I will listen to sim3x and give up this idea. thanks for answers

Answer 1

In twbs, all markup for all devices goes in one html file
Giving different content to different clients can alert search engines

Answer 2

Make a condition with api.jquery.com/width
and push it into this condition
PS Are you sure that you started using Bootstrap correctly?

Answer 3

You should have one file, and the bootstrap grid itself will adapt to the device, depending on the markup. col-xs-12that's all. You apparently did not fully understand the principles of layout on it, or I did not correctly understand the essence of the issue.

Answer 4

I don’t know how in Twitter Bootstrap - but in any case this is done through css, the thing is called "@media" - read css "@media" in the search engine - everything is simple and clear ... for example, in a separate css file - add "@"media screen and (min-width:1281px) { here are your parameters } , then another size - other parameters ...(without quotes "")