Bootstrap相关内容

 1.navbar导航条

    添加.navbar-fixed-top类可以让导航条固定在顶部。(固定的导航条会遮住页面上的其他内容,除非给<body>元素设置了Padding。导航条的默认高度是50Px,比如设置:body{padding-top:70px;}

    可以包含一个.contAINER或.container-fluid容器,从而让导航条居中或自适应显示。

    添加.navbar-inverse类可以改变导航条的外观,变成黑底显示

    通过添加.navbar-left和.navbar-right工具类让导航链接、表单、按钮、或文本对齐。

    如何在Bootstrap中实现下拉菜单中实现分割线:
    <li class="divider"><li>

    在 Bootstrap中,任何下拉菜单中均可通过添加标题来标明一组动作,添加方式为:<li class="dropdown-header">标题名称</li>。

2、栅格系统布局

    行(row)必须包含在.container(固定宽度)或.container-fluid(100%宽度)中。
    <div class="container">
        <div class="row">
            <div class="col-xs-4">.col-xs-4</div>
            <div class="col-xs-4">.col-xs-4</div>
            <div class="col-xs-4">.col-xs-4</div>
        </div>
    </div>

    1、使用 .col-md-offset-* 类可以将列向右侧偏移。这些类实际是通过使用 * 选择器为当前元素2、增加了左侧的边距(margin)。例如,.col-md-offset-4 类将 .col-md-4 元素向右侧偏移了4个列(column)的宽度。
    3、使用什么样的类前缀,此例子应该使用 .col-md-*
    4、给p添加样式,加边框和padding。

3、Tabs标签页

    标签页是可以放置较多的内容,又可以节省页面空间的组件。

4、弹出框制作:
    
    在BOOT里面用<class="pull-right">可以将元素放置右边

转载于:https://www.cnblogs.com/qingshixiaodao/p/5353356.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值