javascript - bootstrap3两栏布局,侧边栏过长使得主栏第二行无法浮动上来,该如何调整?效果请看图。
伊谢尔伦
伊谢尔伦 2017-04-10 17:56:07
0
1
361

bootstrap的栅格系统实现一个两栏布局,左边9列,右边3列:

<p class="container">
    <p class="row">
        <p class="col-md-9">
            <p class="left-p">
            </p>
        </p>
        <p class="col-md-3">
            <p class="right-p">
            </p>
        </p>
    </p>

    <p class="row">
        <p class="col-md-9">
            <p class="left-p">
            </p>
        </p>
    </p>
</p>

效果是这样的:

希望预期效果是左栏第二行的蓝色块浮上来紧贴第一行,而不是被右边的红色块挤下去。

看这情形好像是右边浮动的块卡主了左边浮动的块?有没有办法在不改动bootstrap的文件或者源码下通过自定义css样式达到预期效果?

伊谢尔伦
伊谢尔伦

小伙看你根骨奇佳,潜力无限,来学PHP伐。

모든 응답(1)
迷茫
<p class="container">
    <p class="row">
        <p class="col-md-9">
            <p class="left-p">
            </p>
            <p class="left-p">
            </p>
        </p>
        <p class="col-md-3">
            <p class="right-p">
            </p>
        </p>
    </p>
</p>

html结构改成这样试试?

최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!