Подтвердить что ты не робот

Размер карусели

Я создаю сайт для моего папы, используя Twitter Bootstrap, это сделано, за исключением одного: я не могу понять, как:
- уменьшить ширину карусели
- центр карусели
- сделать стрелки прокрутки по-прежнему на изображении

вот веб-сайт, чтобы вы могли проверить источник

Я буквально пошел по линии через css и скорректировал каждый аспект карусели, а затем проверил ее в своем браузере.

Еще одна путаница в том, что некоторые из этих настроек имеют эффект, если я тестирую его в своем браузере с помощью SHIFT+CTRL+R (так что блокнот ++ открывает его в google chrome непосредственно с моего рабочего стола без использования сервера или хоста) и видел некоторые неудобные изменения, но ни одно из этих изменений не переносится, когда я помещаю их на сервер.

Я видел некоторые другие сообщения, предлагающие настройки .carousel и @image, и пробовал их без успеха.

4b9b3361

Ответ 1

Вы можете просто установить ширину карусели с помощью CSS. Центрирование элемента блока выполняется с помощью margin: 0 auto. Измените только CSS .carousel, остальные будут автоматически настроены правильно.

<div id="myCarousel" class="carousel slide" style="width: 400px; margin: 0 auto">
    ...
</div>

Просмотрите этот jsfiddle, чтобы увидеть, как он работает.

Ответ 2

Просто добавьте класс "контейнер" в DIV с идентификатором "myCarousel".

Итак, это...

<div id="myCarousel" class="carousel slide">

становится...

<div id="myCarousel" class="carousel slide container">