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

玩转Bootstrap(基础)

  • 粗体 在Bootstrap中,可以使用<b>和<strong>标签让文本直接加粗。 /*源码查看bootstrap.css文件第55行~第58行*/
    查看全部
    0 采集 收起 来源:粗体

    2018-03-22

  • 粗体 在Bootstrap中,可以使用<b>和<strong>标签让文本直接加粗。 /*源码查看bootstrap.css文件第55行~第58行*/
    查看全部
    0 采集 收起 来源:粗体

    2018-03-22

  • 强调内容 可以通过添加类名“.lead”实现,其作用就是增大文本字号,加粗文本,而且对行高和margin也做相应的处理。 “.lead”对应的样式如下: /*源码查看bootstrap.css文件第470行~480行*/ Bootstrap还通过元素标签:<small>、<strong>、<em>和<cite>给文本做突出样式处理。 /*源码查看bootstrap.css文件第55行~第58行*/ /*源码查看bootstrap.css文件第481行~第484行*/ /*源码查看bootstrap.css第485行~第487行*/
    查看全部
    3 采集 收起 来源:强调内容

    2018-03-22

  • 段落样式(p)/*源码请查看bootstrap.css文件中第467行~469行*/
    查看全部
  • <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>基础表格</title> <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css"> </head> <body> <table class="table table-hover"> <thead> <tr> <th>表格标题<
    查看全部
  • 基本表单
    查看全部
    0 采集 收起 来源:基础表单

    2014-09-24

  • 水平表单
    查看全部
    0 采集 收起 来源:水平表单

    2014-09-24

  • help-block将提示信息以块状显示,并且显示在控件底部
    查看全部
    0 采集 收起 来源:表单提示信息

    2014-09-23

  • 下拉菜单(菜单项状态) 下拉菜单项的默认的状态(不用设置)有悬浮状态(:hover)和焦点状态(:focus)。 下拉菜单项除了上面两种状态,还有当前状态(.active)和禁用状态(.disabled)。
    查看全部
  • 下拉菜单(对齐方式) Bootstrap框架中下拉菜单默认是左对齐,如果你想让下拉菜单相对于父容器右对齐时,可以在“dropdown-menu”上添加一个“pull-right”或者“dropdown-menu-right”类名。
    查看全部
  • 按钮(等分按钮) 等分按钮的效果在移动端上特别的实用。整个按钮组宽度是容器的100%,而按钮组里面的每个按钮平分整个容器宽度。例如,如果你按钮组里面有五个按钮,那么每个按钮是20%的宽度,如果有四个按钮,那么每个按钮是25%宽度,以此类推。 等分按钮也常被称为是自适应分组按钮,其实现方法也非常的简单,只需要在按钮组“btn-group”上追加一个“btn-group-justified”类名。
    查看全部
  • 按钮的向下向上三角形 按钮的向下三角形,我们是通过在&lt;button&gt;标签中添加一个“&lt;span&gt;”标签元素,并且命名为“caret”。 有的时候我们的下拉菜单会向上弹起(接下来一个小节会介绍),这个时候我们的三角方向需要朝上显示,实现方法:需要在“.btn-group”类上追加“dropup”类名(这也是做向上弹起下拉菜单要用的类名)。
    查看全部
  • 下拉菜单(菜单标题) 通过.dropdown-header来实现菜单标题
    查看全部
  • 按钮(按钮组) 使用方法: 按钮组和下拉菜单组件一样,需要依赖于button.js插件才能正常运行。不过我们同样可以直接只调用bootstrap.js文件。因为这个文件已集成了button.js插件功能。 对于结构方面,非常的简单。使用一个名为“btn-group”的容器,把多个按钮放到这个容器中。
    查看全部
  • 按钮组大小设置 在介绍按钮一节中,我们知道按钮是通过btn-lg、btn-sm和btn-xs三个类名来调整padding、font-size、line-height和border-radius属性值来改变按钮大小。那么按钮组的大小,我们也可以通过类似的方法: ☑ .btn-group-lg:大按钮组 ☑ .btn-group-sm:小按钮组 ☑ .btn-group-xs:超小按钮组
    查看全部

举报

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

微信扫码,参与3人拼团

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

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