Первой проблемой является, интересно, как я могу сделать некоторые div в twitter bootstrap или вставить текст? Я делаю это, как обычно? <div>, <p>, <h1> или любой другой тег для текста или что? Конечно, я хочу, чтобы текст и divs были отзывчивыми.Проблемы с twitter bootstrap framework
Вторая проблема заключается в том, когда я хочу стилизовать эти элементы, должен ли я создать новый файл style.css или поместить его в существующий bootstrap css?
Немного копаться в Bootstrap будет долгий путь. Пожалуйста, проверьте How to ask a good question, поскольку вы новичок, и посмотрите остальные темы в Справочном центре.
Не похоже, что вы исследовали или изучили, как рамочная система действительно работает или проверила все примеры.
Он не изобретает, как CSS/HTML работают вместе. DIV будет работать одинаково, но есть классы, которые Bootstrap использует для создания структуры (см. Grid System для получения дополнительной информации). В основном есть container DIV с вложенным row DIV и соответствующими сетками внутри (например, col-xs-12, который заполняет ширину экрана при мобильных размерах). Решетки позволяют реагировать в сочетании с другими элементами, которые являются Responsive Utilities такими, как «видимые» (visible-xs, в качестве примера сделают элементы видимыми в мобильном телефоне) или «скрытые» (hidden-xs скроют их). Добавление img-responsive на изображение сделает его масштабным, чтобы он соответствовал родительской сетке DIV.
Вам все равно необходимо соблюдать соглашение о добавлении в мета-окно просмотра (см. setup для базового примера), чтобы активировать отзывчивость. <meta name="viewport" content="width=device-width, initial-scale=1"> - пример.
Переопределение в вашем собственном стиле.css было бы лучше всего. Я предпочитаю использовать LESS и иметь пользовательский файл LESS для переопределений переменных (или если вам не нравится LESS и вы не ожидаете изменений в будущем для обновления версии Bootstrap, вы можете использовать Customize Page для вывода собственных настроек в скомпилированный файл CSS).
Я, вероятно, до сих пор не получаю эту часть, но спасибо за отдых. Добавление этого класса col-xs-12 сделает некоторый вес элемента 100% от размера экрана? Через все 12 столбцов или? И будет ли col-xs-6 означать, что он будет только на 50% или? :/Я, вероятно, не понял это хорошо? – mha
Правильно. Он основан на сетке с 12 столбцами по умолчанию, поэтому число (от 1 до 12) рядом с размером точки останова (xs, sm, md, lg) относительно количества столбцов, которые будет потреблять DIV. – Aibrean
Удивительный. Последний вопрос будет, когда я хочу использовать javascript/jquery, он включен в файл boostrap.js или я должен установить его, как обычно? Спасибо за ответы! – mha
Я рекомендую вам присоединиться к этой группе. http://ell.stackexchange.com/ @mha –