内容赢得'在Bootstrap中无法在不同的屏幕大小上工作

Content won't work on different screen sizes in Bootstrap

本文关键字:屏幕 工作 Bootstrap      更新时间:2024-04-29

我使用Twitter Bootstrap 3创建了一个网站,在更改为不同的屏幕大小时遇到了问题。一旦我的按钮和链接低于991px,就无法工作。这个网站已经上线了,所以如果有人能检查一下元素,告诉我我做错了什么,我必须改变什么。此外,我如何媒体查询转盘的上边距,使其位于导航栏下方,而不是上方50像素?网站的URL:http://www.dnd-malilosinj.hr/program-i-projekti.html

提前谢谢。

您的问题在于以下代码块:

            <div class="col-lg-12">
            <nav>
                <ul class="pager">
                    <li><a href="#">1</a></li>
                    <li><a href="projekti/page/2.html">2</a></li>
                </ul>
            </nav>
            </div>

当你处于中等大小时,这个块会覆盖你的代码。尝试class="col-md-12",您就会看到结果。