Foros del Web » Creando para Internet » CSS »

[SOLUCIONADO] Carrousel ABAJO y un cuadro ARRIBA

Estas en el tema de Carrousel ABAJO y un cuadro ARRIBA en el foro de CSS en Foros del Web. Hola amigos, tengo un carrousel de imagenes (estoy trabajando con bootstrap3) y tengo un cuadro con un mensaje de "BIENVENIDO A SU PAGINA WEB" con ...
  #1 (permalink)  
Antiguo 07/01/2015, 15:36
Avatar de julia2021  
Fecha de Ingreso: diciembre-2014
Ubicación: Mexico
Mensajes: 152
Antigüedad: 9 años, 4 meses
Puntos: 11
Pregunta Carrousel ABAJO y un cuadro ARRIBA

Hola amigos, tengo un carrousel de imagenes (estoy trabajando con bootstrap3) y tengo un cuadro con un mensaje de "BIENVENIDO A SU PAGINA WEB" con un color de fondo. Ahora bien, tal como se ve en la imagen anexa, deseo colocar parte de ese cuadro SOBRE el corrousel de imagenes, pero no tengo ni la más minima idea de como hacer esto.

Adicional a la imagen de como lo deseo, tambien les coloco mi código, el cual es bien sencillo, pero no tengo idea de como hacerlo:

Código HTML:
<div class="container-fluid">
			<div class="row">
				<div class="col-xs-12">

						<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
						  <!-- Wrapper for slides -->
						  <div class="carousel-inner" role="listbox">
						    <div class="item active">
						      <img src="imagen01.jpg" class="img-responsive">
						    </div>
						    <div class="item">
						      <img src="imagen02.jpg">
						    </div>
						  </div>

						  <!-- Controls -->
						  <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
						    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
						    <span class="sr-only">Previous</span>
						  </a>
						  <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
						    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
						    <span class="sr-only">Next</span>
						  </a>
						</div>

				</div>

				<div class="container">
					<div class="row">
						<div class="col-xs-12 text-center"><h1>BIENVENIDOS A SU PAGINA WEB</h1></div>
					</div>
				</div>

			</div> 
Y AHORA..., QUIEN PODRÁ DEFENDERME
  #2 (permalink)  
Antiguo 08/01/2015, 14:45
Avatar de siddartha23  
Fecha de Ingreso: septiembre-2013
Mensajes: 357
Antigüedad: 10 años, 7 meses
Puntos: 39
Respuesta: Carrousel ABAJO y un cuadro ARRIBA

Tal y como está puedes darle un margin-top negativo a tu .container... es una posible solución.
__________________
velarde23.com - Soluciones Web
  #3 (permalink)  
Antiguo 08/01/2015, 17:58
Avatar de julia2021  
Fecha de Ingreso: diciembre-2014
Ubicación: Mexico
Mensajes: 152
Antigüedad: 9 años, 4 meses
Puntos: 11
Respuesta: Carrousel ABAJO y un cuadro ARRIBA

Perfecto, muchas gracias

Etiquetas: bootstrap, css3
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 01:47.