Website is not getting responsive with Bootstrap

Asked

Viewed 3,920 times

0

I made a site using bootstrap, but it is not getting responsive on mobile, it simply appears as if it were on a monitor and then with scroll bar both horizontal, and vertical...

http://fbrandaohost.com.br/giulliano_polito/

This is the website. Through Chrome’s browser, if you keep decreasing the screen until it’s a cell phone size, the responsive is right, the Nu turns into that three-line button and everything, so far so good, but by chance you click on F12 and go on inspect element and put to see in mobile form or access a mobile does not happen the adaptation of content.

Can anyone help out? I already swapped the CSS files, checked the media queries (@media()) and are correct like several other sites I made and used the bootstrap tbm!

html css twitter-bootstrap bootstrap-3 responsive-layout

  • the site neither opens here either.

  • Sorry, I fixed http://fbrandaohost.com.br/giulliano_polito/

2 answers

4


Missing you add in the head of the site the following line:

<meta name="viewport" content="width=device-width, initial-scale=1.0">

  • Thanks, of course, It was that and had gone unnoticed!

2

You need to specify the metatag viewport:

<meta name="viewport" content="width=device-width, initial-scale=1">

template

  • Thanks, of course, It was that and had gone unnoticed!

Browser other questions tagged html css twitter-bootstrap bootstrap-3 responsive-layout

You are not signed in. Login or sign up in order to post.