Bootstrap adaptation Mobile End

The last page that was hung up on the pythonanywhere was like this.

And that's what it looks like on the phone.

Anyway, I can't see it. = =

Look at some of the school's public number pages. It's all bootstrap, okay, I'll try it.
Find a bootsrtap called bootstrap form Builder on the home page, as if it could be used.

So in the middle of the night I set up a thing like this

Well, it's a lot better than I wrote, but it just looks so weird. And it doesn't look like you can fit the mobile side.
Thought for a very long time decided to take the page apart. The first page puts two button as the entrance. It should be better to separate the other operations on the level two page.

First you get two buttons. Add a tag outside the button, the results found that can not jump, and then the outside of the form is deleted, ummmm

Changing the size of your browser on your computer doesn't look like a problem. But after the phone was opened, it was
It's too small.
Baidu took half a day to finally find a way to solve

On the mobile device browser. You can disable the zoom (zooming) function by setting the Meta property for the viewport (viewport) to User-scalable=no. This disables the Zoom feature. Users can only scroll the screen. will make your site look more like the native app feel. Note that this way we do not recommend the use of all sites, or to see your own situation depends on! Just add a piece to the head tag.

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

Bootstrap adaptation Mobile End