bootstrap
关注
分享
扫一扫
文章平均质量分 75
https://v4.bootcss.com/docs/getting-started/introduction/
crayon-shin-chan
这个作者很懒，什么都没留下…
展开
-
bootstrap入门之Alert警告框
1.简介警告框（alert）组件能够展示任意长度的文本以及一个可选的关闭按钮。为了展示合适的样式，必须从下列 8 个情境类（例如.alert-success）中选择一个合适的并使用。 <div class="alert alert-primary" role="alert"> A simple primary alert—check it out! </div> <div class="alert alert...原创 2021-05-08 14:21:18 · 1277 阅读 · 0 评论 -
bootstrap入门之Table表格
1.基本只需将基类添加.table到any<table>，然后使用自定义样式或我们包含的各种修饰符类进行扩展。所有表样式都在Bootstrap 4中继承，这意味着任何嵌套表的样式都将与父表样式相同。 <table class="table"> <thead> <tr> <th scope="col">#</th> &l...原创 2021-05-05 23:16:44 · 523 阅读 · 0 评论 -
bootstrap入门之Image图片显示
1.简介让图片支持响应式行为（这样它们就不会超出父元素的范围）以及如何通过类（class）添加些许样式。2.响应式图片通过 Bootstrap 所提供的.img-fluid类让图片支持响应式布局。其原理是将max-width: 100%;和height: auto;赋予图片，以便随父元素一起缩放。<img src="./test.jpg" class="img-fluid" alt="IU">主要样式：.img-fluid...原创 2021-05-04 23:33:53 · 2280 阅读 · 0 评论 -
bootstrap入门之Code代码显示
1.简介如何使用 Bootstrap 展示行内代码和多行代码块。2.行内代码用<code>包裹行内代码片段。请确保转义 HTML 代码中尖括号。For example, <code><section></code> should be wrapped as inline.主要样式：code { font-size: 87.5%; color: #e83e8c;...原创 2021-05-04 23:14:33 · 587 阅读 · 0 评论 -
bootstrap入门之排版Typography
1.全局设置Bootstrap设置基本的全局显示，版式和链接样式。当需要更多控制权时，请查看文本实用程序类。使用本机字体堆栈font-family为每个操作系统和设备选择最佳字体。 对于更具包容性和可访问性的类型比例，我们使用浏览器的默认根目录font-size（通常为16px），以便访问者可以根据需要自定义其浏览器默认值。 使用$font-family-base，$font-size-base和$line-height-base属性作为我们的印刷基地应用于<body>。...原创 2021-04-29 23:28:44 · 213 阅读 · 0 评论 -
bootstrap入门之Reboot
1.简介单个文件中特定于元素的CSS更改的集合，使用kickstart Bootstrap提供一个优雅，一致且简单的基准。2.ApproachReboot建立在Normalize的基础上，仅使用元素选择器即可为许多HTML元素提供一些自以为是的样式。其他样式仅对类进行。例如，我们Reboot了一些<table>样式以简化基线，然后提供.table，.table-bordered等等。以下是我们的指南以及选择在重新引导中覆盖的内容的原因：更新一些浏览...原创 2021-04-29 22:26:10 · 480 阅读 · 0 评论 -
bootstrap入门之网格系统
1.简介容器提供了一种使您的网站内容居中和水平填充的方法。使用.container或.container-fluid。 row是col的包装。每列都有水平padding（称为装订线），用于控制它们之间的间距。padding然后在具有负边距的行上抵消此错误。这样，列中的所有内容在视觉上都在左侧向下对齐。 在网格布局中，必须将内容放置在列中，并且只有列可以是行的直接子代。 没有指定的网格列width将自动按等宽列布局。 列类指示每行可能使用的12列中要使用的列数。因此，如果您要横穿三个等宽的列.原创 2021-04-28 23:27:21 · 218 阅读 · 0 评论 -
bootstrap入门之布局系统
1.简介布置Bootstrap项目的组件和选项，包括包装容器，强大的网格系统，灵活的媒体对象和响应实用程序类。2.Containers容器是Bootstrap中最基本的布局元素，在使用我们的默认网格系统时，容器是必需的。容器用于在其中容纳，填充和（有时）使内容居中。尽管可以嵌套容器，但是大多数布局都不需要嵌套容器。Bootstrap带有三个不同的容器：.container，它在每个响应断点处设置一个max-width .container-fluid，所有断...原创 2021-04-27 21:33:11 · 480 阅读 · 0 评论