Sign in to follow this  
Followers 0
kuzovbmw

конфликт классов в bootstrap

3 posts in this topic

В общем вешаю 2 слайдера, один под картинки, второй под бренды (лого)

получается что оба имеют класс бутстрапа carousel-inner, которые в свою очередь генерируют сами слайдеры с классом item

вот если я задаю к примеру для нижнего слайдера item какую то высоту то она соответственно применяется по классу и к другому слайдеру, вроде пробовал задавать рядом класс с дефолтым, но не получается, вообще пропадает

Кто то сталкивался с подобным?

Share this post


Link to post
Share on other sites

К примеру, один слайдер вы помещаете в div с классом slider-1, а второй в slider-2. Чтобы задать высоту item у первого слайдера, то пишите:

.slider-1 .item{
 height: 150px;
}

А для второго:

.slider-2 .item{
 height: 200px;
}
kuzovbmw likes this

Share this post


Link to post
Share on other sites

 

К примеру, один слайдер вы помещаете в div с классом slider-1, а второй в slider-2. Чтобы задать высоту item у первого слайдера, то пишите:

.slider-1 .item{
 height: 150px;
}

А для второго:

.slider-2 .item{
 height: 200px;
}

Супер сработало, что то я затупил в блоки обернуть и класс задать) - старею)

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0

  • Recently Browsing   0 members

    No registered users viewing this page.