Как настроить элементы управления карусели Bootstrap

Question

Не могли бы вы дать мне знать, как я могу настроить элементы управления карусели Bootstrap, например, я хотел бы изменить размер элементов управления или цветов bg и как добавить фоновое изображение в элементы управления? Я попытался заменить & lsaquo; с начальной загрузки иконки, но они расположены в верхней части управления и не работает должным образом

<a class="carousel-control left" href="#this-carousel-id" data-slide="prev"><i class=" icon-arrow-right icon-white"></i></a> 
<a class="carousel-control right" href="#this-carousel-id" data-slide="next">&rsaquo;</a> 

выглядит результат:

Answer 1

Как вы знакомы с CSS?

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

Bootstrap является основой CSS так кастомизация просто вопрос временной отмены по умолчанию, часто с помощью тега ID или что-то подобное

Answer 2

Это работало для меня размер и цвет:

.carousel-control .icon-prev, .carousel-control .icon-next { 
    font-size: 100px; 
    margin-top: -50px; 
    color: #fff; 
} 

Answer 3

один быстрый способ изменить цвет, чтобы переопределить встроенный SVG фона:

.carousel-control-prev-icon { 
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); 
} 

взгляд на fill='%23fff' части и изменить цвет, от белого к чему-то еще: fill='%23444' или fill='RoyalBlue'