前端
xiabe
这个作者很懒,什么都没留下…
展开
-
html 前端学习——link
link标签:用来指定当前文档和外部资源的关系。它最常见的是用来链接样式表,也用来创建网站图标(既是网站图标样式也包括移动设备和app图标)。为了链接一个外部样式表,你可以包含一个<link>元素就像这样:<link href="main.css" rel="stylesheet">这是一个简单例子用href 提供了外部连接表的方位,使用rel指定样式表这一种类属性...原创 2019-03-29 01:10:04 · 2010 阅读 · 0 评论 -
Bootstrap 组件 Breadcrumb(面包屑)
Breadcrumb(面包屑)面包屑是用来干嘛的呢?指示导航层次结构中当前页面的位置,导航层次结构通过CSS自动添加分隔符。就是指示现在页面在导航栏中的层级目录的位置。演示代码<nav aria-label="breadcrumb"> <ol class="breadcrumb"> <li class="breadcrumb-item activ...原创 2019-05-08 12:29:10 · 2969 阅读 · 3 评论 -
Bootstrap 组件 Button 按钮
按钮使用Bootstrap 的自定义按钮样式对于一些行动在 表单中,对话框,和更多支持的多种大小、状态还有更多。例子Bootstrap包含几个预定义的按钮样式,每个样式都有自己的语义目的,还添加了一些额外的功能来实现更多的控制。<button type="button" class="btn btn-primary">Primary</button><bu...原创 2019-05-08 12:53:34 · 3202 阅读 · 0 评论 -
Bootstrap -Card卡片
Cards(卡片)Bootstrap 提供了一个可伸缩可扩展的内容容器给多种变量和选择。关于卡片是一个灵活的、可扩展的内容容器。它包括用于页眉和页脚的选项、各种各样的内容、上下文背景颜色和强大的显示选项。如果您熟悉Bootstrap 3,卡将替换我们的旧面板、井和缩略图。与这些组件类似的功能可以作为卡片的修饰符类使用。例子卡片是用尽可能少的标记和样式构建的,但仍然能够交付大量的控制和定制...原创 2019-05-08 13:57:29 · 15396 阅读 · 1 评论 -
Bootstrap 组件 表单(forms)[待续]
表单用于创建各种表单的表单控件样式、布局选项和自定义组件的示例和使用指南。概述Bootstrap的表单控件扩展了我们使用类重新引导的表单样式。使用这些类来选择它们的自定义显示,以便在浏览器和设备之间实现更一致的呈现。确保在所有输入上使用适当的类型属性(例如,电子邮件用于电子邮件地址或数字信息的数字),以利用较新的输入控件,如电子邮件验证、数字选择等。下面是一个演示Bootstrap表单样...原创 2019-05-08 15:38:57 · 452 阅读 · 0 评论 -
Bootstrap display属性
快速和响应切换组件的显示值和更多与我们的显示实用程序。包括对一些更常见值的支持,以及打印时控制显示的一些附加功能。如何作用使用响应式显示实用程序类更改display属性的值。我们故意只支持显示所有可能值的子集。类可以根据需要组合成各种效果。...原创 2019-05-07 14:30:14 · 3137 阅读 · 0 评论 -
Bootstrap 空间划分
如何工作在Bootstrap 中我们通过指定一些类属性,来使得我们的padding和margin 属性得到改变,从默认的0.25 rem到3rem。注意适用于所有断点(从xs到xl)的间距实用程序中没有断点缩写。这是因为这些类是从min-width: 0及以上应用的,因此不受媒体查询的约束。然而,其余的断点确实包含一个断点缩写。类使用的格式:xs: {property}{sides}-{...原创 2019-05-07 14:45:27 · 1345 阅读 · 0 评论 -
Bootstrap组件——alert(警告栏)
警告框(alert)简介使用少量可用且灵活的警报消息为典型的用户操作提供上下文反馈消息。**常见的:**长这个样子,是不是很熟悉。其实不是的,它就是一个警告栏目。Bootstrap 的alert它提供了一大堆通过背景和字体颜色预定义的不同功能用途的警告框。语法:里面空荡荡的啥都没有。<div class="alert alert-primary" role="alert"...原创 2019-05-07 15:51:43 · 12963 阅读 · 0 评论