Html Can';t自定义引导选项卡';s边框顶部-绝对位置有100%宽度的空白
无法自定义引导的选项卡边框顶部-行后绝对位置有100%宽度的空白。Html Can';t自定义引导选项卡';s边框顶部-绝对位置有100%宽度的空白,html,css,twitter-bootstrap,twitter-bootstrap-3,Html,Css,Twitter Bootstrap,Twitter Bootstrap 3,无法自定义引导的选项卡边框顶部-行后绝对位置有100%宽度的空白。 这个额外的空间是因为右边距应用于引导默认样式中的链接 您可以通过覆盖该样式或删除width并使用left:0和right:2px来拉伸线来解决此问题 jQuery(函数(){ jQuery('#myTab a:last').tab('show') }) @导入url('http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css'); 李:活动:之后
这个额外的空间是因为
右边距应用于引导默认样式中的链接
您可以通过覆盖该样式或删除width
并使用left:0
和right:2px
来拉伸线来解决此问题
jQuery(函数(){
jQuery('#myTab a:last').tab('show')
})
@导入url('http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css');
李:活动:之后{
位置:绝对位置;
填充:1px;
顶部:-1px;
内容:'';
背景:#000;
高度:4px;
右:2px;
左:0;
}
主页
- 侧面图
- 信息
- 背景
家
轮廓
消息
设置
问题不是很清楚。你的意思是你想删除1px的额外空间吗?是的,在第三和第四个选项卡上,尽管有100%的宽度,但还是会出现一些额外的空间。
li.active:after {
position: absolute;
width: 97%;
padding: 1px;
top: -1px;
content: '';
background: #000;
height: 4px;
}