I want to resize my caroseul on click of a button. Below is the code that needs to be changed. Width: 100% needs to be changed to width 50%. I am using JQuery maybe there's a way using that but nothing works so far other than changing the CSS itself to 50% or whatever.
.carousel-inner > .item ,
.carousel-inner > .item > a {
width: 100%;
margin: auto;
height: 30%;
}