Twitter Bootstrap на мобильном телефоне

У меня есть сайт, который построен на бутстрапе (Navigation + Body Container), поэтому все должно быть отзывчивым.Twitter Bootstrap на мобильном телефоне

У меня есть все в строках и столбцах (col-lg-12).

Так что мой вопрос здесь. У меня размер моего контейнера для контейнеров как (LG - Large (если кто-то путается с телефоном))

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

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

Я смотрел онлайн, и в статье говорилось использовать два класса для DIV внутри ROW. Так вот что я сделал.

<div class="col-lg-12 col-xs-12">Content!</div>

Это также не работает. Как я могу сделать мой загрузочный пакет более мобильным, как при изменении размера моего браузера?

Должен ли я сделать сайт перенаправлен на мобильную версию при доступе на мобильных устройствах, например, на большинстве веб-сайтов? Или мне нужно включить в голову определенный метатег?

источник

2015-09-21 Jiung Song

У вас есть '' в вашем '' ? – Will

Я не сейчас, я попробую и скажу вам результат. Спасибо за комментарий –

Спасибо большое! Не могли бы вы опубликовать это как ответ и дать источник, чтобы я мог его продвинуть? –

Мое лучшее предположение, что у вас нет метатега viewport в вашем <head>, который говорит браузеру использовать ширину документа в качестве ширины документа html. См. basic template docs.

<!DOCTYPE html> 
<html> 
    <head> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    ...

источник

2015-09-21 23:00:12 Will

Благодарим вас за то, что вы поставили источник с лучшим ответом, который мне нужен! –

Нет проблем, это распространенная ошибка. – Will

Twitter Bootstrap на мобильном телефоне

ответ

Смежные вопросы