Bootstrap - 链接停止以小分辨率工作

Question

链接停止以小分辨率（在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;
}

请帮我解决问题。

Answer 1

您添加了许多.col而不是.row，而且一般来说，您的课程非常混乱。无论如何，由于你使用了太多.col，这意味着你也使用了太多floats，这意味着你可能有clearfix个。{/ p>

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

Answer 2

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

由于HTML格式化，还有很多其他问题，而不仅仅是链接。我建议你仔细阅读代码并修改格式。