Bootstrap is applicable to mobile terminals and bootstrap is applicable

Bootstrap is applicable to mobile terminals and bootstrap is applicable

This is the last page that was mounted on pythonanywhere.

It looks like this on a mobile phone.

In short, it cannot be viewed =

After reading the pages of several public accounts in the school, they all use bootstrap. Well, let's try it.
On the bootsrtap homepage, find a theme called bootstrap form constructor. It seems that it can be used ..

So in the middle of the night, I built such a thing.

Well, it looks much better than I did, but it looks so strange. And it does not look like it can adapt to mobile terminals.
After thinking for a long time, I decided to split the page. Put two buttons on the first page as the entrance, and put other operations on the second page separately, which would be better.
First, I got two buttons and added the tag to the button. As a result, I found that the button cannot be jumped down. Then I deleted the form from the button. ummmm

Changing the browser size on the computer seems okay, but after the phone is turned on
It's too small.
Baidu finally found a solution after half a day

On the mobile device browser, you can disable zooming by setting the meta attribute of user-scalable = no for the viewport. After the scaling function is disabled, you can only scroll the screen to make your website look more like a native application. Note: This method is not recommended for all websites, but depends on your own situation! Just add this section to the head label.

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">