bootstrap carousel控制响应

Question

我在响应式视图上遇到问题。如何使左右箭头响应。下面附上响应设备的屏幕截图

网站视图

移动视图

.carousel-control span {
  position: absolute;
  top: 85%;
  color: #C21B17;
  z-index:999px;
  font-size:30px;
}

.carousel-control.left {
	margin-left: -40px;
	width:30px;
	height:60px;
	background:none;
}
.carousel-control.right {
	margin-right: -20px; 
	width:30px;
	height:60px;	
	background:none;
}