你的位置:首页 > 软件开发 > 网页设计 > 使用Bootstrap v3.3.4注意细节box

使用Bootstrap v3.3.4注意细节box

发布时间:2015-07-02 15:00:06
一、bootstrap样式在Bootstrap v3.3.4中有下面一条重置样式:* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}*:be ...

使用Bootstrap v3.3.4注意细节box

一、bootstrap样式

在Bootstrap v3.3.4中有下面一条重置样式:

* { -webkit-box-sizing: border-box;   -moz-box-sizing: border-box;     box-sizing: border-box;}*:before,*:after { -webkit-box-sizing: border-box;   -moz-box-sizing: border-box;     box-sizing: border-box;}

使用Bootstrap v3.3.4注意细节box

如果要使用bootstrap框架,上述问题解决方案有三种:

1、方法一

在js代码里将if($("#tabslide").width() == 200)中的200改为192。

这样后期维护会不方便,因为你设置的宽度width为200,判断时却要判断200减去边框,减去padding得到的值。当border或padding修改时又会失效,又要重新计算。

2、方法二

在css中显示设置box-sizing:content-box

#tabslide{  ...  box-sizing:content-box;}

原标题:使用Bootstrap v3.3.4注意细节box

关键词:

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

可能感兴趣文章

我的浏览记录