Html Can';t自定义引导选项卡';s边框顶部-绝对位置有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'); 李:活动:之后

无法自定义引导的选项卡边框顶部-行后绝对位置有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');
李:活动:之后{
位置:绝对位置;
填充:1px;
顶部:-1px;
内容:'';
背景:#000;
高度:4px;
右:2px;
左:0;
}

    主页
  • 侧面图
  • 信息
  • 背景
家 轮廓 消息 设置
问题不是很清楚。你的意思是你想删除1px的额外空间吗?是的,在第三和第四个选项卡上,尽管有100%的宽度,但还是会出现一些额外的空间。
li.active:after {
    position: absolute;
    width: 97%;
    padding: 1px;
    top: -1px;
    content: '';
    background: #000;
    height: 4px;
}