image - examples - como hacer un carrusel en html

tamaño de carrusel de bootstrap de twitter

Question

Estoy creando un sitio web para mi papá usando Twitter Bootstrap, está hecho, excepto por una cosa: no puedo averiguar cómo:
- reducir el ancho del carrusel
- Centrar el carrusel
- Hacer flechas de desplazamiento aún en la imagen

Aquí está el sitio web para que pueda comprobar la fuente

Literalmente he ido línea por línea a través del css y he ajustado todos los aspectos del carrusel y luego lo he comprobado en mi navegador.

Otro punto de confusión es que algunos de estos ajustes tienen un efecto si lo pruebo en mi navegador con SHIFT + CTRL + R (así que notepad ++ lo abre en google chrome directamente desde mi escritorio sin usar un servidor o host) y he visto algunos cambios incómodos, pero ninguno de estos cambios se transfiere cuando los coloco en el servidor.

He visto algunas otras publicaciones que sugieren ajustes en .carousel y @image y también he probado las que no han tenido éxito.

Answer 1

Simplemente agregue una clase de ''contenedor'' en el DIV con un ID de ''myCarousel''.

Así que esto...

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

Se convierte en ...

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

Answer 2

Simplemente puede establecer el ancho del carrusel usando CSS. El centrado de un elemento de bloque se realiza con margin: 0 auto . Solo cambie el CSS de .carousel , el resto se estilizará automáticamente correctamente.

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

Echa un vistazo a este jsfiddle para verlo funcionar.