How to display mobile version in bootstrap4?

D

deathsoul2020-06-09 14:54:00

css

deathsoul, 2020-06-09 14:54:00

I decided to look at bootstrap 4, but for some reason, on mobile everything is displayed almost like a PC, I made a cut-off at 600px 768px and now at 1000 tk. most phones are now over 800 wide. But the point is not when I bring it closer to the PC, everything works as it should, like in the yu kit and bootstrap 3. But not from the mobile. Please tell me what is wrong. Here is a link to the site: its.iam.by

Reply

Answer the question

In order to leave comments, you need to log in

1 answer(s)

A

Alexander Sharomet, 2020-06-09
@deathsoul

You don't have special meta tags for mobile devices.
Deprecated doctype.
The top of the site should look something like this:

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>Hello, world!</title>
  </head>
  <body>

https://getbootstrap.com/docs/4.5/getting-started/...
There is also an error in the footer - you have 2 .rows in a row - this creates a horizontal scroll.

https://getbootstrap.com/docs/4.5/layout/grid/