2013-11-22 2 views
0

Недавно я купил слайдер новостей jquery для использования на своем веб-сайте, и когда я добавлю его на свою домашнюю страницу, вызовы в заголовке перемещают навигацию и слайд-шоу, так что вся страница запутана вверх.JQuery/Javascript конфликты перемещения nav и слайдер

страница выглядит так, прежде чем я добавить ленту новостей: http://www.bovinsnbcattle.ca/
И как это после того, как я добавить ленту новостей (JQuery/JavaScript/CSS): http://www.bovinsnbcattle.ca/index2.html

Есть простой способ исправить этот конфликт , или мне нужно купить другой слайдер новостей?

+1

Почему вы * купить * JQuery код ?! Это ново ... никогда не слышал об этом раньше. Разве это не огромная трата денег? – Doorknob

+0

LOL это было 6 долларов, и работал лучше, чем любые бесплатные, которые я мог найти ...: P – bob32

ответ

1

Проблема с bootstrap.css линии 661,

ul, 
ol { 
    padding: 0; 
    /* the left margin 25px cause the problem, remove or comment this line */ 
/* margin: 0 0 10px 25px; */ 
} 
+0

Ты спасатель жизни! Большое спасибо, могу я спросить, как вы это поняли? – bob32

+0

Я просто использую инструменты hrome dev. Поскольку ваша оригинальная страница в порядке, поэтому я просто удаляю новый файл css один за другим, и когда bootstrap.css ушел, страница в порядке. Поэтому я знаю, что проблема связана с bootstrap.css. А затем, просто осмотрите nav ul и найдите стиль, полученный от bootstrap.css, вот как найти точную строку. – Andrew

+0

Еще раз спасибо. Я использую chrome dev, но не знаю, как удалить полный файл css один за другим. Но спасибо! – bob32

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