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

玩转Bootstrap(基础)

  • 如果想让表单中的文字标签和输入项显示在同一行,就要给<form>标签加一个form-horizontal类名
    查看全部
    0 采集 收起 来源:水平表单

    2018-03-22

  • 一般给div标签加form-group类名,然后其下放两行或两列,一行放label,一行放输入项,并且输入项必须添加form-control类名
    查看全部
    0 采集 收起 来源:基础表单

    2018-02-04

  • 一般给div标签加form-group类名,然后其下放两列或两行,一行放label,一行放输入项
    查看全部
    0 采集 收起 来源:基础表单

    2018-02-04

  • 通过添加类名“list-inline”,实现将垂直列表换成水平列表,而且去掉项目符号,保持水平显示。可以说这就是为了做水平导航而生的
    查看全部
  • 无序列表<ul><li></li></ul>,有序列表<ol><li></li></ol>
    查看全部
    0 采集 收起 来源:列表--简介

    2018-03-22

  • 文本中小字、副标题用<small>标签,而粗体、强调则用<strong>标签
    查看全部
    0 采集 收起 来源:粗体

    2018-03-22

  • 需要强调的文本,通过添加类名“lead”来实现
    查看全部
    0 采集 收起 来源:强调内容

    2018-02-04

  • 而且,对bootstrap的引用必须要放在jquery的后面
    查看全部
    0 采集 收起 来源:基本的HTML模板

    2018-02-04

  • 通常把css文件放在<head>标签中,而把js文件放在<body>标签的最下面,这是为了不让js文件的加载影响页面的加载速度
    查看全部
    0 采集 收起 来源:基本的HTML模板

    2018-03-22

  • 效果没出现的话,主要是屏幕的分辨率不够 大屏:col-lg 中屏:col-md 小屏:col-sm 超小屏:col-xs
    查看全部
    0 采集 收起 来源:基本用法

    2018-02-02

  • <fieldset disabled> <div class="form-group"> <label for="disabledTextInput">禁用的输入框</label> </fieldset> 如果fieldset设置了disabled属性,整个域都将处于被禁用状态。 对于整个禁用的域中,如果legend中有输入框的话,这个输入框是无法被禁用的。
    查看全部
  • css文件放在<head>中 js文件放在<body>的最下面
    查看全部
  • <body> <div class="dropdown"> <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown"> 选择你最喜欢的水果 <span class="caret"></span> </button> <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1"> <li role="presentation"><a role="menuitem" tabindex="-1" href="#">苹果</a></li> <li role="presentation"><a role="menuitem" tabindex="-1" href="#">香蕉</a></li> <li role="presentation"><a role="menuitem" tabindex="-1" href="#">梨</a></li> <li role="presentation"><a role="menuitem" tabindex="-1" href="#">桃</a></li> </ul> </div> <script src="https://www.imooc.com/static/lib/jquery/1.9.1/jquery.js"></script> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> </body> </html>
    查看全部
  • .table:基础表格 .table-striped:斑马线表格 .table-bordered:带边框的表格 .table-hover:鼠标悬停高亮的表格 .table-condensed:紧凑型表格 .table-responsive:响应式表格
    查看全部
    0 采集 收起 来源:表格

    2018-01-31

  • <div class="container"> <div class="row"> <div class="col-md-4">.col-md-4</div> <div class="col-md-8">.col-md-8</div> </div> <div class="row"> <div class="col-md-4">.col-md-4</div> <div class="col-md-4">.col-md-4</div> <div class="col-md-4">.col-md-4</div> </div> <div class="row"> <div class="col-md-3">.col-md-3</div> <div class="col-md-6">.col-md-6</div> <div class="col-md-3">.col-md-3</div> </div> </div>
    查看全部
    0 采集 收起 来源:工作原理

    2018-03-22

举报

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

微信扫码,参与3人拼团

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

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