为了账号安全,请及时绑定邮箱和手机立即绑定

玩转Bootstrap(基础)

  • .alert-link警告框的链接
    查看全部
  • 好像不加.alert-dismissable也可以
    查看全部
  • 配合网格系统,在img标签外的a标签上添加类.thumbnail
    查看全部
    0 采集 收起 来源:缩略图(一)

    2015-02-14

  • <span class="badge">23</span>
    查看全部
    0 采集 收起 来源:徽章

    2018-03-22

  • <ul class="pagination"> <li><a href="#">&laquo;</a></li> <li><a href="#">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">4</a></li> <li><a href="#">5</a></li> <li><a href="#">&raquo;</a></li> </ul>
    查看全部
  • 将navbar-deafult类名换成navbar-inverse。其变化只是导航条的背景色和文本做了修改。
    查看全部
    0 采集 收起 来源:反色导航条

    2015-02-13

  • 1、保证在窄屏时需要折叠的内容必须包裹在带一个div内,并且为这个div加入collapse、navbar-collapse两个类名。最后为这个div添加一个class类名或者id名。 2、保证在窄屏时要显示的图标样式(固定写法) <button class="navbar-toggle" type="button" data-toggle="collapse"> <span class="sr-only">Toggle Navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> 3、并为button添加data-target=".类名/#id名",究竞是类名还是id名呢?由需要折叠的div来决定。
    查看全部
    0 采集 收起 来源:响应式导航条

    2018-03-22

  • 固定导航栏,加载最外层div标签 .navbar-fixed-bottom
    查看全部
    0 采集 收起 来源:固定导航条

    2015-02-13

  • 完成w
    查看全部
  • 完成w
    查看全部
  • ul ol
    查看全部
  • 列排序其实就是改变列的方向,就是改变左右浮动,并且设置浮动的距离。在Bootstrap框架的网格系统中是通过添加类名“col-md-push-*”和“col-md-pull-*” (其中星号代表移动的列组合数)。
    查看全部
    0 采集 收起 来源:列排序

    2015-02-13

  • ??此节需要练习
    查看全部
    0 采集 收起 来源:列偏移

    2015-02-13

  • 基本有法之列偏移 这个时候就可以使用列偏移(offset)功能来实现。使用列偏移也非常简单,只需要在列元素上添加类名“col-md-offset-*”(其中星号代表要偏移的列组合数),那么具有这个类名的列就会向右偏移。例如,你在列元素上添加“col-md-offset-4”,表示该列向右移动4个列的宽度。 不过有一个细节需要注意,使用”col-md-offset-*”对列进行向右偏移时,要保证列与偏移列的总数不超过12,不然会致列断行显示
    查看全部
    0 采集 收起 来源:列偏移

    2015-02-13

  • bootstrap模板为使IE6、7、8版本(IE9以下版本)浏览器兼容html5新增的标签,引入下面代码文件即可。 <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> 同理为使IE6、7、8版本浏览器兼容css3样式,引入下面代码: <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    查看全部
    0 采集 收起 来源:基本的HTML模板

    2018-03-22

举报

0/150
提交
取消
课程须知
本教程适合具有一定前端基础的人员,对HTML和CSS有一定的了解,对于定制Bootstrap的同学需要具备LESS和Sass基础知识。
老师告诉你能学到什么?
1、了解Bootstrap框架 2、如何使用Bootstrap制作Web页面或Web应用程序 3、如何定制个性化Bootstrap

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!