zoukankan      html  css  js  c++  java
  • bootstrap左侧边栏

    之前都是想直接把导航栏放左边,但是会占一整行

    网上找了好久,看到用bootstrap响应式布局,可以比较简单实现

    经典的,可以参考:http://demo.qianduanblog.com/3150/8.html#

    4个div可以搞定:

    <div class="container">
        <div class="row">
            <div class="col-lg-1 modal-content">
                左边栏<br />
                左边栏<br />
                左边栏<br />
                左边栏<br />
                左边栏<br />
            </div>
            <div class="col-lg-11 modal-content">
                右侧内容。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。<br />
                右侧内容。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。<br />
                右侧内容。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。<br />
                右侧内容。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。<br />
                右侧内容。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。<br />
                右侧内容。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。<br />
            </div>
        </div>
    </div>

    效果:
     
  • 相关阅读:
    定时器
    javascript之循环保存数值
    Web 前端之HTML和CSS
    [讲解]容斥原理
    [vijos1048]送给圣诞夜的贺卡<DFS剪枝>
    [vijos1145]小胖吃巧克力<概率dp>
    [noip2012]国王游戏<贪心+高精度>
    [codevs3118]高精度除法<高精度>
    [noip2016]组合数问题<dp+杨辉三角>
    [codevs2370]小机房的树<LCA>
  • 原文地址:https://www.cnblogs.com/dannyyao/p/6261868.html
Copyright © 2011-2022 走看看