bootstrap
学习bootstrap
小沐°
想做好前端的卑微小程序猿
展开
-
Bootstrap框架--1.6其他常用组件
1.通过data属性:在控制器元素(比如按钮或者链接)上设置属性data-toggle="modal",同时设置data-target="#identifier"来指定要切换的特定的模态框(带有id="identifier")。原创 2023-07-07 14:29:12 · 84 阅读 · 0 评论 -
Bootstrap框架--1.5下拉菜单
target="_blank":新开一个窗口打开链接。原创 2023-07-07 13:49:00 · 286 阅读 · 0 评论 -
Bootstrap框架--1.4导航和分页导航
页码导航:ul标签上加pagination[pagination-lg|pagination-sm]被选中状态:class="active"分页随处可见,分为页码导航和翻页导航。翻页导航:ul标签上加pager。使用下拉和按钮组合可以制作导航。原创 2023-07-06 19:01:27 · 186 阅读 · 0 评论 -
Bootstrap框架--1.3常用样式
定义标题使用标签到,为了让非标题元素和标题使用相同的样式,还特意定义了.h1~.h6六个类名,同时后面可以紧跟着一行小的副标题或使用.small。通过.lead来突出强调内容,其作用就是增大文本字号,加粗文本,而且对行高和margin也做相应的处理。:加粗。:小号字。:斜体。原创 2023-07-01 23:39:36 · 706 阅读 · 0 评论 -
Bootstrap框架--1.2布局容器和栅格网络系统
网格系统的原理非常简单,仅仅是通过定义容器大小,平分12份(也有平分成24份或32份,但12份是最常见的),再调整内外边距,最后结合媒体查询,就制作出了强大的响应式网格系统。Bootstrap框架中的网格系统就是将容器平分成12份。栅格系统用于通过一系列的行(row)与列(column)的组合来创建页面布局,系统会自动分为最多12列。2、.container-fluid类用于100%宽度,占据全部视口(viewport)的容器。1、.container类用于固定宽度并支持响应式布局的容器。原创 2023-07-01 20:20:28 · 372 阅读 · 0 评论 -
Bootstrap框架--1.1安装和使用
官网:http://getbootstrap.com/中文网:http://www.bootcss.com/建议使用bootstrap3,更稳定。原创 2023-07-01 01:08:40 · 540 阅读 · 0 评论