html - Bootstrap 旋转木马箭头到屏幕边缘，调整大小，文本消失

Question

我在这个网站上工作，遇到 3 个问题。

1. 如何让轮播箭头贴在屏幕的左右边上？
2. 如何使轮播图片具有固定高度 (800px)，并填满屏幕宽度， 调整大小时不扭曲(挤压)它？ 我希望它只隐藏比屏幕宽的图像部分。
3. 当窗口大小调整到 939 像素以下时，来自 2 col-md-6 的文本会消失， 如何解决这个问题？

这是该站点的链接:http://palete.co.rs/squareb

Answer 1

问题2)

.carousel-inner > .item > img {
    height: 800px;
    width: auto;
    max-width: auto;
}

Bootstrap 设置 max-width:100% 这就是问题所在。 (提示:使用浏览器的开发人员工具检查元素，看看已经为它们设置了哪些 CSS。例如 the developer tools of firefox )