看一下具体的代码. 这里需要注意的是, 那个模版, 是在系列教程一中.
class="container" 让页面能够做到居中.注意该标签不能嵌套使用.
role属性是html5中新增的一个属性,可以让你更好的自定义一些属性供你使用.
class="form-control" 该标签是把一些表达标签的width都设置为100%.
其中btn是bootstrap中默认定义的一个button也就是按钮的样式.
其中btn-lg是指最大的样式.还有btn-xs, btn-sm, btn-md. 分别对应不同的设备. 手机, 平板, pc等.
这里又重新写了2个样式, 一个是表单的最大width. 设置成了330px.是因为登录不需要太过宽, 要不然不太好看. 第二个样式, 是因为在默认的btn-lg是占一行, 所以, 就会把两个表单文本框放在各自的行上. 但是紧挨着太狠. 所以, 做了一个3px的下间距.
不同的btn大小展示, 从图就可以看出来这几个的区别. 怎么试用? 你动手做一下就明白了.
内容全部来源于网络收集，如有侵权，请联系网站删除：QQ：24596024