html5 - 为什么有这两条线？把bootstrap.min.css注掉就没有了

问题描述

问 题

 <div class="row">
            <div class="count col-xs-12">总收入￥<span>300</span>/总支出￥<span>100</span></div>
 </div>

 .count {
        text-align: center;
        background: #476f79;
        color: #fff;
        padding: 12px;
        background-image: -webkit-gradient(linear, 50% 0, 0 100%, from(transparent), color-stop(.5, transparent), color-stop(.5, #f5f5f5), to(#f5f5f5)), -webkit-gradient(linear, 50% 0, 100% 100%, from(transparent), color-stop(.5, transparent), color-stop(.5, #f5f5f5), to(#f5f5f5));
        background-size: 10px 8px;
        background-repeat: repeat-x;
        background-position: 0 100%;
    }

麻烦大家了，谢谢！

解决方案

bootstrap里面给.row:afte和col-xs-12加样式了吧，这个要具体调试一下.我这边没有你说的两条线啊

这篇关于html5 - 为什么有这两条线？把bootstrap.min.css注掉就没有了的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！