首页 > 代码库 > bootstrap使用时 细节心得

bootstrap使用时 细节心得

最近国庆7天 还原某丽说 APP PC端网页(作业)时  全程使用bootstrap制作

也遇到了以前很少碰到过的问题

bootstrap 本身修改了某些默认样式  即使在 未给标签class命名某个bootstrap模板时  某些标签也被修改过  这样会容易使某些像我一样的新手误以为自己写的代码哪里出了问题  而浪费很多时间去找一个 没有错误的错误  所以在这里给各位同学做个温馨提示 

例如 fieldset 中 lengd标签中的文字 应该是水平居中 位于两侧横线中间 并且垂直居中于横线技术分享

但在用bootstrap写网页时  文字会位于 横线上方 并且横线没有被切断   这是因为bootstrap引入的css文件中 本身已经修改过fieldset lengd样式

可通过


fieldset {
padding: .35em .625em .75em;;margin: 0 2px;border: 1px solid silver;
}
legend {
padding:.5em;border: 0;width: auto;
}

来还原正常的显示效果

当然除了fieldset  bootstrap还修改了其他的某些默认样式 由于本人新手上路 其他被修改的标签还未发现 所以就不一一例举了 

这也是bootstrap使用时的一个小缺点  如果各位 老司机 大牛 有其他被修改过样式的标签的例子 欢迎补充 不胜感激

bootstrap使用时 细节心得