#Added Carousel Just for Presentation

Test
MickSlash 2020-07-07 19:04:25 +02:00
parent 2bea3378fc
commit 0f60f4423a
1 changed files with 13 additions and 2 deletions

View File

@ -81,6 +81,17 @@
text-align: center; text-align: center;
background-color: red; background-color: red;
} }
.carousel{
width: 300px;
}
.carousel-item{
height: 500px;
width: 300px;
}
.carousel-item img{
height: 100%;
width: 300px;
}
</style> </style>
</head> </head>
<body> <body>
@ -102,7 +113,7 @@
<h3 class="text-center">FILM PREFERITI</h3> <h3 class="text-center">FILM PREFERITI</h3>
</div> </div>
<div class="card mb-3"> <div class="card mb-3">
<div id="carouselfavorite" class="carousel slide" data-ride="carousel"> <div id="carouselfavorite" class="carousel slide mx-auto" data-ride="carousel">
<ol class="carousel-indicators"> <ol class="carousel-indicators">
<li data-target="#carouselfavorite" data-slide-to="0" class="active"></li> <li data-target="#carouselfavorite" data-slide-to="0" class="active"></li>
<li data-target="#carouselfavorite" data-slide-to="1"></li> <li data-target="#carouselfavorite" data-slide-to="1"></li>
@ -139,7 +150,7 @@
<h3 class="text-center">DA GUARDARE</h3> <h3 class="text-center">DA GUARDARE</h3>
</div> </div>
<div class="card mb-3"> <div class="card mb-3">
<div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel"> <div id="carouselExampleCaptions" class="carousel slide mx-auto" data-ride="carousel">
<ol class="carousel-indicators"> <ol class="carousel-indicators">
<li data-target="#carouselExampleCaptions" data-slide-to="0" class="active"></li> <li data-target="#carouselExampleCaptions" data-slide-to="0" class="active"></li>
<li data-target="#carouselExampleCaptions" data-slide-to="1"></li> <li data-target="#carouselExampleCaptions" data-slide-to="1"></li>