bootstrap适配移动端

上次在pythonanywhere上挂上去的页面，是这个样子的

而在手机上看是这个样子的

总之简直不能看= =

看了一下学校几个微信公众号的页面，都是用的bootstrap，好吧我也去试试看好了。
在bootsrtap首页找到一个叫bootstrap表单构造器的玩意儿，好像可以拿来用用。。

于是在深夜我搭了一个这样的玩意儿

好吧确实比我写的好看多了不过看起来怎么这么诡异呢。而且并不像能适配移动端的样子。
想了很久决定把页面拆开来，第一页放两个按钮作为入口，其他的操作放在二级页面分开来弄应该会好一些。
首先弄了两个按钮，在button外面加上a标签，结果发现按下去不能跳转，后来把外面的form删掉了就好了，ummmm

在电脑上改变浏览器的大小看上去没什么问题，但是手机打开之后还是
太 小 了。
百度了半天终于找到解决办法

在移动设备浏览器上，通过为视口（viewport）设置 meta 属性为user-scalable=no可以禁用其缩放（zooming）功能。这样禁用缩放功能后，用户只能滚动屏幕，就能让你的网站看上去更像原生应用的感觉。注意，这种方式我们并不推荐所有网站使用，还是要看你自己的情况而定！就是在head标签里加上这么一段，就好了

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