Css Bootstrap 3仅适用于半响应式旋转木马。奇怪的

我使用bootstrap3的转盘有问题。图像本身是有响应的，但我很难弄清楚如何使标题和按钮也有响应。还没找到一个明确的答案。看

查看上面的页面，然后缩小浏览器，您将看到问题

对于“页眉”（导航栏上方），我可以通过添加以下内容来获得响应的电话号码（h2）：

@media (max-width: 767px) {
  .my-header > div > h2 {
  font-size: smaller;
  }
}

但我在社交媒体图标堆积如山并从网站上扔掉，旋转木马的标题和按钮在移动设备中被推到顶部时，我遇到了麻烦。让32x32社交图标正常显示是很理想的，但是当<768px时会显示16x16

---

所以我想这里有两个问题：（

您可以对顶部按钮使用相同的媒体查询，如

@media (max-width: 767px) {
  .socialIcons > img {
     width: 16px;
     height: 16px;
  }
}

或者使用第二个图标栏，如果屏幕太小，将显示该图标栏，隐藏大图标栏，并具有引导属性

。可见sm

和

。隐藏sm

（）

对于旋转木马标题，当屏幕大小<768px时，您可以再次使用媒体查询设置不同的宽度，或者使用百分比而不是固定大小定义宽度

---

希望我能帮到你。

对我来说已经足够好了，谢谢！搞乱旋转木马按钮/标题也能让你反应灵敏