
javaweb-bootstrap框架
文章平均质量分 68
Bootstrap 是一个流行的前端开发框架,最初由 Twitter 开发,现在由社区维护。Bootstrap 提供了一套基于 HTML、CSS 和 JavaScript 的模板、样式、组件等,可以帮助开发者快速构建响应式、移动设备友好的网站和 Web 应用程序。
Gy-qwert
这个作者很懒,什么都没留下…
展开
-
05-bootstrap-CSS样式-表格、表单
为 元素添加 .form-inline 类可使其内容左对齐并且表现为 inline-block 级别的控件。只适用于视口(viewport)至少在 768px 宽度时(视口宽度再小的话就会使表单折叠)。将任何 .table 元素包裹在 .table-responsive 元素内,即可创建响应式表格,其会在小屏幕设备上(小于768px)水平滚动。当屏幕大于 768px 宽度时,水平滚动条消失。通过添加 .table-hover 类可以让 中的每一行对鼠标悬停状态作出响应。原创 2023-05-25 22:26:21 · 288 阅读 · 0 评论 -
04-bootstrap-CSS样式-按钮、图片
(首选项)Primary(成功)Success原创 2023-05-25 21:30:36 · 336 阅读 · 0 评论 -
03-bootstrap-响应式布局-栅格系统
行(row)”必须包含在 .container (固定宽度)或 .container-fluid (100% 宽度)中,以便为其赋予合适的排列(aligment)和内补(padding)。通过“行(row)”在水平方向创建一组“列(column)”。你的内容应当放置于“列(column)”内,并且,只有“列(column)”可以作为行(row)”的直接子元素。类似 .row 和 .col-xs-4 这种预定义的类,可以用来快速创建栅格布局。原创 2023-05-25 21:07:27 · 3162 阅读 · 0 评论 -
02-bootstrap-下载与引入
其中 path/to 应该替换成你自己的 Bootstrap 文件路径。一般建议将 CSS 文件放在 标签中,将 JavaScript 文件放在 标签底部,这样可以使得页面加载更快。1、下载:从 Bootstrap 官网下载:直接访问 Bootstrap 的官方网站。下载最新版bootstrap即可。原创 2023-05-25 19:36:32 · 3696 阅读 · 0 评论 -
01-bootstrap-概述
栅格系统:Bootstrap 提供了一个灵活的网格系统,可以轻松地创建响应式布局。通过将页面分成 12 列网格,开发者可以更加自由、快速地控制页面布局。组件库:Bootstrap 提供了众多的 UI 组件和工具,如导航、下拉菜单、警告框、面板、标签页等,可以大大提高页面开发的效率,减少代码量。此外,Bootstrap 还提供了很多 JavaScript 插件,如模态框、滚动条、分页器等,可以让网站增添更多的交互性和效果。自适应设计:Bootstrap 的优秀之处在于它的响应式设计。原创 2023-05-25 19:25:24 · 361 阅读 · 0 评论