2012-06-30 5 views
2

Я использую примеры бутстрапов с помощью Meteor (fluid.html). Я обновил загрузку до последней версии 2.0.4.Примеры бутстрапов с метеорным

Однако у меня странное проблема с padding-top: 60px; противоречивую в неправильном направлении, с

@media (max-width: 979px) 
    body { 
    padding-top: 0; 
} 

и хорошо .. WebKit, кажется, сделать это (только на Метеоре по какой-то причине):

enter image description here

Он заканчивает тем, как это:

enter image description here

(Theres зазор в верхней части над черной полосой) - Конечно, это расположение жидкости, поэтому браузер должен быть замедлен малым видом (для iPhone'ов/Андроиды/таблетки)

Как бы мне удалось чтобы заставить браузер принимать padding-top: 0 в качестве предпочтения, поэтому он этого не делает? Или почему он делает это (CSS-файлы загружаются в том же порядке - первый bootstrap.css, а затем bootstrap-responsive.css я не могу понять разницу

(его должно быть так: http://twitter.github.com/bootstrap/examples/fluid.html)

+0

Проверка '' navbar-fixed-top' вашего '.navbar' – Sherbrow

+0

У' div' есть как 'navbar', так и' navbar-fixed-top' – Akshat

+0

Ive довольно часто использовал точный код в качестве примера. Метеор, мешающий каким-то образом – Akshat

ответ

2

После обновления до 2.0.4 у меня все еще была проблема, когда при определенном разрешении контент скрывался при использовании navbar-fixed-top. Это то, что происходит при определенных разрешениях:

Content get hidden under navbar

После тонкой настройки CSS я придумал следующее, который фиксирует его на всех разрешениях при добавлении в верхней части моего файла CSS:

@media (min-width: 979px) { body { padding-top: 60px; } } 

Padding adjusts properly with the proper media query

Надеюсь, это разобратся с вашей проблемой.

0

It. не просто это сделать ...

это делает больше, чем это. Вы должны проверять, что padding-top установлен вместо этого, пройти через всю панель и посмотреть, что установить его, это должно сказать вам, где проблема в том, что в самом худшем случае e вы могли бы использовать padding-top: 0 !important;, хотя должно быть известно, что !important - это плохие советы, и вы должны быть в состоянии обойтись, не добавляя этого.

Я не вижу, как Метеор несет ответственность, поскольку они не добавляют каких-либо серьезных изменений CSS, насколько я знаю; но может быть, что есть, но вы можете только сказать, смотрите ли вы, где установлен padding-top.

+0

Я думаю, что нашел проблему. Метеор упорядочивает порядок таблиц стилей несколько иным образом на примере. Это должно быть 1) 'bootstrap.css' 2)' ' 3)' самозагрузки-responsive.css' Но КСС все делается сразу с метеором, так что я думаю, я буду должны идти с исправлением вручную. – Akshat

+0

@Akshat: Откуда появился тэг 'style'? Если вы просто создаете '.css', который будет загружаться после загрузки. Если вы, однако, не используете смарт-пакет bootstrap; то вы можете упорядочить порядок таблиц стилей, используя либо каталоги для их разделения, либо изменяя имена файлов в алфавитном порядке в том порядке, в котором они должны быть загружены. Заказ действительно небольшая проблема ... –

+0

Все они скопированы из примера. С того места, где происходило заполнение. Я попробую алфавитную нагрузку. – Akshat

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