Как в зависимости от ширины подключать разные файлы html?

Question

[Айтым Рамазанов]

Начал пользоваться css фреймворком Twitter Bootstrap. Возник такой вопрос.
Вот допустим у меня есть два файла:
xs.html - разметка html для девайсов с маленьким разрешением экрана (xs)
other.html - разметка html для остальных девайсов

Как в зависимости от ширины подключать разные файлы html или отдельные его кусочки?

Отдавать разным клиентам разный контент - может насторожить поисковики

Походу я послушаюсь sim3x и откажусь от этой идеи. Спасибо за ответы

Answer 1

[sim3x]

В twbs вся разметка для всех девайсов идет в одном html файле

Отдавать разным клиентам разный контент - может насторожить поисковики

Comments

[Айтым Рамазанов]

Ого

[sim3x]

Айтым Рамазанов: с оговоркой
Ты можешь перенаправлять мобильных клиентов на отдельный поддомен (или страницу), где у них будет своя разметка, но по одному и тому же урлу не стоит отдавать разные разметки

Answer 2

[Pshkll]

Сделать условие с api.jquery.com/width
и в это условие впихнуть
$("#includedContent").load("index.html");

P.S. Вы уверены, что верно начали пользоваться Bootstrap?

Answer 3

[Олег]

У вас должен быть один файл, а сетка бутстрап сама будет подстраиваться под девайс в зависимости от разметки. col-xs-12 вот это все. Вы видимо не до конца поняли принципы верстки на нем или я не правильно понял суть вопроса.

Answer 4

[Виталий Черный]

Не знаю как в Twitter Bootstrap - но в любом варианте это делается через css штука называется "@media" - почитай css "@media" в поисковике - там все просто и понятно ... например в отдельном файле css - добавляешь "@"media screen and (min-width:1281px) { здесь твои параметры } , потом другой размер - другие параметры ...(без кавычек "")

Comments

[Айтым Рамазанов]

так я как раз и пробую, но это так неудобно. Приходится кучу стилей переопределять. Проще было бы создать эти два файла и для каждого случая переопределять наборы классов. Намного легче версталась бы