前端未了事_bootstrap使用（1）

继续了前几天的工作，把注册和登陆前端页面完成了，其中遇到了bootstrap实现居中问题，还有输入框长度调整问题，按钮长度问题，框架内置CSS不了解一堆新手问题。顿时又想起了多益和网易的前端工程师笔试，自己被虐得多惨啊，没有及时关注自己工作方向趋势，和人才需求。
bootstrap水平居中问题，心中想着CSS3.0和bootstrap的样式会不会给我一个居中样式，看了一些教程都没有找到，只好用以前的老知识了，刚开始以为没有给最外框定义宽度，margin:0 auto; text-align:center;的方式去实现，后来尝试用text-align: center; position: absolute; top: 50%; left: 50%; margin:calc(-height/2) 0 0 calc(-width/2);，但是问题是我无法知道width的大小，bootstrap是属于响应式的布局，会有一定的变化，所以最好这个布局的”’margin-left:15%;”’,用的是一个固定值，但是未必能每一种情况都能实现，后面在一个知道里面看到了一个transform:translate(-50%,-50%);，这个CSS3.0里面的偏移，transform同时又是以所在的位置为参考点的，这不刚好是我想要的，这是时代的需要，没有及时更新知识。对于输入框我是直接给定值的，因为bootstrap给的栅栏样式没有配成功，现在回想起来，可能是我没有对bootstrap的CSS样式进行一个了解，不过直接配进栅栏，也是要进行flaot之类的调整，也是麻烦。按钮长度问题这个则是直接用bootstrap提供的栅栏样式，效果还好，就是要需要去float。
还有就是input 文本框和label字段直接给予样式，无法生效问题。另外，一度奇怪的是栅栏样式中的.row样式的div无法被里面的元素撑起，还有就是不知为何在设外壳带.row样式的div height:450px;之后加上水平垂直居中之后，竟然给了一个固定的宽度。还有就是input框的默认样式使用，和内置样式使用问题。