Content won't work on different screen sizes in Bootstrap

Question

I built a site using Twitter Bootstrap 3 and I encountered a problem while changing to different screen sizes. As soon as I go under 991px my buttons and links wont work. The website is already live so if someone could inspect the elements and tell me what I did wrong and what I have to change. Also how can I media query the top margin of the carousel so it stays under the navbar and not 50px above? URL for the site: http://www.dnd-malilosinj.hr/program-i-projekti.html

Thank you in advance.

Answer 1

Your problem is in this block of code:

            <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>

This block in over your code when you are in the middle size. Try class="col-md-12" and you'll see the result.