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

玩转Bootstrap(基础)

  • 工具组:btn-toolbar,把按钮组放到该容器中
    查看全部
  • 一个按钮组--》 btn——group
    查看全部
  • pull-right\dropdown-menu-right -> 右对齐,默认左对齐
    查看全部
  • div -> class = dropdown 容器 button ->class = dropdown-toggle data -toggle=dropdown 按钮 ul -> class = dropdown-menu 下拉栏 li -> class = dropdown-header 子项目头 li -> class = divider 间隔
    查看全部
  • 有些属性还是没能明白
    查看全部
  • 这里的xs,sm,md,lg是超小,小,中等,大的意思。会根据屏幕大小自动适配,比如说:我的屏幕大小是1000那么我想要使用col-lg是不可能的,最大只能使用col-md。其他的同理。
    查看全部
    0 采集 收起 来源:基本用法

    2017-12-19

  • 通过列设置padding属性创建列之间的间隔,通过row元素设置负值margin从而抵消padding
    查看全部
    0 采集 收起 来源:工作原理

    2017-12-19

  • 可以通过添加类名“.lead”实现,其作用就是增大文本字号,加粗文本,而且对行高和margin也做相应的处理。
    查看全部
    0 采集 收起 来源:强调内容

    2017-12-18

  • 在Bootstrap框架中要实现水平表单效果,必须满足以下两个条件: 1、在<form>元素是使用类名“form-horizontal”。 2、配合Bootstrap框架的网格系统。(网格布局会在以后的章节中详细讲解) 在<form>元素上使用类名“form-horizontal”主要有以下几个作用: 1、设置表单控件padding和margin值。 2、改变“form-group”的表现形式,类似于网格系统的“row”。
    查看全部
    0 采集 收起 来源:水平表单

    2018-03-22

  • 基础表单
    查看全部
    0 采集 收起 来源:基础表单

    2017-12-17

  • 讲解了这么多,记住6个单词就完事。 table(基础) bordered(边框) hover(悬停) striped(斑纹) condensed(紧凑) responsive(响应) 注意这里table外面加了个div标签
    查看全部
  • 无效果的改一下地址:注意https <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css"> <script src="https://cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script> <script src="https://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
    查看全部
  • <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
    查看全部
    0 采集 收起 来源:列偏移

    2018-03-22

  • 1、使用<code></code>来显示单行内联代码,一般是针对于单个单词或单个句子的代码 2、使用<pre></pre>来显示多行块代码,一般是针对于多行代码(也就是成块的代码) 3、使用<kbd></kbd>来显示用户输入代码,一般是表示用户要通过键盘输入的内容 <pre>:preformatted text <kbd>:keyboard
    查看全部
    0 采集 收起 来源:代码(一)

    2018-03-22

  • <dl>definition list 定义列表 <dt> definition term 定义列表组 <dd> definition description 自定义列表描述
    查看全部

举报

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

微信扫码,参与3人拼团

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

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