Как в bootstrap 3 убрать затенение по краям carousel?

471
03 февраля 2017, 05:44

Использую стандартный код отсюда.
Хочется убрать затенение. Поковырялся в стилях и увидел, что за это затенение отвечает параметр background-image в классе carousel-control, соответственно их два: .left и .right.
Попытался выставить в стилях этот параметр в none - попробовал такой вариант:

.carousel-control {
  .left {
    background-image: none;
  }
  .right {
    background-image: none;
  }
}

Не сработало. Видимо, или SASS так не умеет, или я ошибся в синтаксисе.
Подскажите, пожалуйста, как можно убрать это затенение?

Answer 1

Написанный код в вопросе означает, что класс 'left' вложен в 'carousel-control'.
А в примере с сайта w3c оба класс присутствуют на элементе одновременно - для этого используется амперсанд: 

.carousel-control {
  &.left {
    background-image: none;
  }
  &.right {
    background-image: none;
  }
}
READ ALSO
bootstrap c при помощи npm и webpack
CSS

bootstrap c при помощи npm и webpack

Я создал небольшое приложение и хочу подключить туда bootstrapВвожу команду:

 821
Зачем еще нужен блок с классом row в bootstrap?
CSS

Зачем еще нужен блок с классом row в bootstrap?

Привет

 659
Не могу добавить bootstrap-иконку
CSS

Не могу добавить bootstrap-иконку

Хочу сделать таблицу с различными иконками в каждой страницеНе получается подсунуть эти эконки, они вообще не отображаются

 463
Является ли данный код рекурсивным?
c++

Является ли данный код рекурсивным?

Есть задание

 549