Bootstrap - 链接在小分辨率下停止工作答案

【问题标题】：Bootstrap - links stop working in small resolutionsBootstrap - 链接在小分辨率下停止工作
【发布时间】：2016-03-11 12:06:13
【问题描述】：

链接在小分辨率下停止工作（在 md 下）。这是我的代码示例： https://jsfiddle.net/khybvw20/

    import url(https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700&subset=latin,cyrillic);
body {
background-color: #ebebeb;
font: 17px/20px  'PT Sans Narrow', Arial, Tahoma,  sans-serif !important; 
}

a{
color: #0072c1 !important;
text-decoration: underline;
}

a:hover {
color: #cc4343 !important;
text-decoration: underline !important;
}

.wrapper{
background-color: #fff;
}

请帮我找出问题。

【问题讨论】：

请最小化您的代码以澄清问题。

标签： javascript html css twitter-bootstrap frontend

【解决方案1】：

您添加了许多.col 而不是任何.row，一般来说，您的课程非常混乱。无论如何，既然你使用了太多的.col，这意味着你也使用了太多的floats，这意味着你可能有clearfix其中一些。

只需将overflow:hidden 添加到.novostroyka-similar 即可解决您的问题，但您应该更好地组织您的代码。

【讨论】：

【解决方案2】：

问题不在于链接，而在于您的 HTML 格式。在较小的分辨率下，浮动元素位于您的链接上方，当您尝试单击链接时，您实际上是在单击 div novostroyka-similar 中的 Похожие новостройки 标题。

由于 HTML 格式，除了链接之外，还有很多其他问题。我建议您检查您的代码并修复格式。

【讨论】：