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

玩转Bootstrap(基础)

  • Bootstrap为表格不同的样式风格提供了不同的类名,主要包括:

        .table:基础表格

        .table-striped:斑马线表格

        .table-bordered:带边框的表格

        .table-hover:鼠标悬停高亮的表格

        .table-condensed:紧凑型表格

        .table-responsive:响应式表格

    查看全部
    0 采集 收起 来源:表格

    2021-03-23

  • 只需要在pre标签上添加类名“.pre-scrollable”,就可以控制代码块区域最大高度为340px,一旦超出这个高度,就会在Y轴出现滚动条。

    查看全部
    0 采集 收起 来源:代码(二)

    2021-03-23

  • Bootstrap可以给<dl>添加类名“.dl-horizontal”给定义列表实现水平显示效果。

    查看全部
  • 通过添加类名“.list-inline”来实现内联列表,简单点说就是把垂直列表换成水平列表,而且去掉项目符号(编号),保持水平显示。

    查看全部
  • 通过给无序列表添加一个类名“.list-unstyled”,这样就可以去除默认的列表样式的风格。

    查看全部
  • .text-justify:两端对齐

    查看全部
    0 采集 收起 来源:文本对齐风格

    2021-03-23

  • 值得注意的是dd标签内可以添加任意其他标签,但是dt标签内不能添加块级标签只能添加行级或行内块级标签。
    查看全部
    0 采集 收起 来源:列表--简介

    2021-02-28

  • 无序列表距离页面左侧有一定的间距,且项目前用实心点表示; 有序列表距离页面左侧也有一定的间距,且项目前用数字表示; 定义列表距离页面左侧没有间距,且项目前没有任何符号或标记
    查看全部
    0 采集 收起 来源:列表--简介

    2021-02-28

  • < i > 是视觉要素(presentationl elements),分别表示无意义的加粗,无意义的斜体,仅仅表示样式上是粗体或斜体,而没有强调的语义,这两个标签在HTML4.01中不推荐使用,建议用CSS样式; < em > 是表达要素(phrase elements)。 < em > (emphasized text)表示一般的强调文本,这个标签具有语义。该标签中的内容在搜索引擎中更受重视,一些语音阅读器也会根据它在阅读时加强语气。
    查看全部
    0 采集 收起 来源:斜体

    2021-02-28

  • 图标:

    https://glyphicons.com/

    http://getbootstrap.com/components/#glyphicons

    http://www.bootcss.com/p/font-awesome/

    查看全部
    0 采集 收起 来源:图标(二)

    2021-02-25

  • .list-unstyled 样式类要添加到父元素ul 或ol上

    查看全部
  • JQuery要在Bootstrap之前引用

    查看全部
  • 发广告
    查看全部
    0 采集 收起 来源:标题(一)

    2021-01-29

  • 模态弹窗的事件

    使用:

    $('#myModal').on('hidden.bs.modal', function (e) {
        // 处理代码...
    })

    show.bs.modal:在show方法调用时立即触发(尚未显示之前);如果单击了一个元素,那么该元素将作为事件的relatedTarget属性

    shown.bs.modal:该事件在模态弹出窗完全显示给用户之后(并且等CSS动画完成之后)触发;如果单击了一个元素,那么该元素将作为事件的relatedTarget事件

    hide.bs.modal:在hide方法调用时(但还未关闭隐藏)立即触发

    hidden.bs.modal:该事件在模态弹出窗完全隐藏之后(并且CSS动画漂完成之后)触发

    查看全部
  • 参数设置

    $(“#mymodal”).modal(“toggle”)

    触发时,反转模态弹出窗的状态。如果模态弹出窗是显示的,则关闭;反之,如果模态弹出窗是关闭的,则显示

    $(“#mymodal”).modal(“show”)

    触发时,显示模态弹出窗

    $(“#mymodal”).modal(“hide”)

    触发时,关闭模态弹出窗

    查看全部

举报

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

微信扫码,参与3人拼团

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

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