html - Bootstrap Carousel, with choosen height -


i trying set height on carousel in bootstrap. if set height 700px, carousel looks crap in responsive. how fix such carousel looks on desktop , smartphone etc.? should appropriate height?

you can try vh , vw viewport height , width

.class{    width: 50vw;    height: 50vh;        } 

with vw/vh, can size elements relative size of viewport. vw/vh units interesting in 1 unit reflects 1/100th width of viewport. make element full width of viewport, example, you'd set width:100vw.

for more info refer link

1vw = 1% of viewport width
1vh = 1% of viewport height
1vmin = 1vw or 1vh, whichever smaller
1vmax = 1vw or 1vh, whichever larger


Comments

Popular posts from this blog

html - Outlook 2010 Anchor (url/address/link) -

javascript - Why does running this loop 9 times take 100x longer than running it 8 times? -

Getting gateway time-out Rails app with Nginx + Puma running on Digital Ocean -