2012-05-13 6 views
4

Итак, я занимался с Twitter Bootstrap website, и меня заинтриговало то, как верхняя панель навигации сворачивается в другую компоновку, когда вы сокращаете окно браузера.Как работает Twitter Bootstrap?

Это то, что он выглядит как расширен:

Twitter Bootstrap bar expanded

И это то, что он выглядит, когда разрушилась: Twitter Bootstrap bar collapsed

Как он делает это?

+2

Как насчет использования Firebug, чтобы узнать? –

+5

@UweKeim Ничего себе, с каких пор Stackoverflow стал этим враждебным? Мне очень нравится, как вы предполагали, что я этого не пробовал. – Sam

+1

Тогда какая деталь вы не поняли? Чем конкретнее ваш вопрос, тем вероятнее будет полезный ответ. –

ответ

9

Он выполняет изменения по медийным запросам. CSS3 позволяет медиа-зависимый стиль-лист с помощью средств массовой информации (видовых?) И обнаружить вещи, такие как ширина/высота

Больше чтение по запросу СМИ: https://developer.mozilla.org/en/CSS/Media_queries Я имел взгляд на их CSS, но и может получить подсказку на странице css источник: bootstrap-responsive.css

Я считаю, что бутстрап способствует гибкому дизайну и их инструментарию. Надеюсь это поможет.

+0

Спасибо. Я посмотрю на это и посмотрю, смогу ли я найти то, что мне нужно знать! +1 – Sam

+2

Я рад помочь и заработать первый значок здесь. :) удачи. –