2012年8月5日星期日

Bootstrap的input元素变得很窄、显示不正常等情况的解决

某天,我写了个带表单的ftl页面,用的twitter bootstrap,结果用户名和密码的输入框上下距离变得好窄,也可以说是好矮,高一点的字幕显示不全。
折腾半天还是从网上找到了结果。
参见:
https://github.com/twitter/bootstrap/issues/170
在页面最上方加上<!DOCTYPE html>
结构变成如下
<!DOCTYPE html>
<html>
...
</html>
之后input的高度就对了。
当时原理没弄明白。
关于<!DOCTYPE html>:
http://www.w3school.com.cn/tags/tag_doctype.asp

这在XHTML的要求里似乎是必须的,在w3school的网站有XHTML的教程。我从此吸取教训,以后写html文件时,尽量符合XHTML的严格要求,保证页面在各种浏览器下(当然,IE实在不对就算了)正确显示。

没有评论:

发表评论