Currently, I'm attempting to put together a Bootstrap carousel slider with indicators by referencing the Bootstrap code. The caption setup is functioning as expected, but I'm encountering issues with the slider itself.
The problems I'm facing are:
- The indicators are not displaying. Although the slider with controls is visible and operational, the height of the images cannot be adjusted.
- I'm unable to modify the image's height. Despite attempting to set it at around
80%
, the adjustment doesn't seem to take effect.
* {
padding: 0;
margin: 0;
box-sizing: border-box;
}
.wrapper header {
background-color: rgb(185, 144, 224);
height: 15%;
}
header .container-fluid .navbar-brand {
...
</html>
To the custom-slider class, I've included an image and specified a height. However, altering the image's height seems to present a challenge. I've attempted to adjust the height to about 80%
, but so far, unsuccessful.