CODEWITHSUNDEEP
javascripthtmlcsstwitter-bootstrap
RaM
RaM

Reputation: 35

Content won't work on different screen sizes in Bootstrap

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.

Upvotes: 0

Views: 83

Answers (1)

Anatoli
Anatoli

Reputation: 690

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.

Upvotes: 1

Related Questions