bootstrap学习15---辅助类2

最新推荐文章于 2020-08-06 18:50:47 发布
最新推荐文章于 2020-08-06 18:50:47 发布
阅读量402 收藏
点赞数
分类专栏： bootstrap
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/bbaibb1009/article/details/72764467
版权

三角符号 

caret类 

<span class="caret"></span>


快速浮动

<div class="pull-left">...</div>

<div class="pull-right">...</div>


pull-left

pull-right


这两个类不要用在 导航条中 导航条中要用 .navbar-left 、.navbar-right;


让内容块居中


display:block







黄巧克力
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Bootstrap常用的辅助类
覃庆奖
03-09 505
前言 学习Bootstrap的好处就是大大提高了前端的开发速度，节约成本，而今天所介绍的Bootstrap常用的辅助类，有文本，背景，还有元素的辅助类。 （1）文本辅助类 主要有（text-muted,text-primary,text-success,text-info,text-warning,text-warning,text-danger），文本辅助类，就是能显示出多样的文本颜色，这...
bootstrap 学习笔记 - 4 （按钮 + 图片 + 辅助类）
zhagener
06-04 8011
Bootstrap学习 Bootstrap学习之 - 按钮 按钮的使用方式有如下四种： class="btn btn-default" href="#" role="button">Link class="btn btn-default" type="submit">Button cla
bootstrap辅助类和响应式工具
杨哥的博客
05-16 262
辅助类和响应式工具 辅助类和响应式工具 .a{ height: 50px; width: 200px; background-color: #ccc; } boot
Bootstrap学习--常用词汇
一尾流莺 半世情缘
08-06 417
Bootstrap学习使用中高频出现的一些词汇
Java bootstrap-3.4.1-dist 前端框架
最新发布
03-18
2. **预定义的组件**：Bootstrap提供了许多预定义的UI组件，如按钮、表单、下拉菜单、导航条、模态框、轮播图等，这些组件大大简化了前端开发工作，只需添加相应的类名即可实现丰富的界面效果。 3. **自定义样式**...
bootstrap-closable-tab tab可关闭组件
06-10
Bootstrap是一款广泛使用的前端框架，它提供了...通过研究这些文件，你可以学习如何自定义和扩展Bootstrap组件，以及如何将这种功能集成到自己的项目中。这不仅加深了对Bootstrap框架的理解，还提升了前端开发技能。
bootstrap-4-dev
04-27
"bootstrap-4-dev"很可能是一个包含Bootstrap 4开发资源的压缩包，可能包括源代码、文档、示例和其他辅助工具。 Bootstrap 4在设计上进行了重大改进，相比之前的版本，它更加轻量级，同时保持了易用性和灵活性。...
bootstrap-3.3.4-dist
04-13
7. **辅助类**：Bootstrap包含大量辅助类，如文本对齐、隐藏显示元素、浮动控制等，这些类可以帮助快速调整元素样式。 8. **网格选项**：Bootstrap的网格系统提供了多种断点（breakpoints），以适应不同设备屏幕...
bootstrap-coursera-repo
02-21
8. **辅助类**：Bootstrap还提供了一系列辅助类，如隐藏/显示元素、文本对齐、浮动控制等，这些类可以在不编写额外CSS的情况下解决常见的布局问题。 通过学习和使用这个"bootstrap-coursera-repo"，你将能够深入...
bootstrap16---导航（标签页，胶囊，导航条）
历程
05-27 3296
Bootstrap 中的导航组件都依赖同一个 .nav 类，状态类也是共用的。改变修饰类可以改变样式。 导航条是在您的应用或网站中作为导航页头的响应式基础组件。它们在移动设备上可以折叠（并且可开可关），且在视口（viewport）宽度增加时逐渐变为水平展开模式。 viewport 相关 @grid-float-breakpoint      修改视口的阈值，从而
bootstarp学习4--栅格系统之列偏移
历程
04-01 2245
列偏移 xs-offset-* *表示需要偏移几个栅格，但是是固定的向右偏移，即相当于左边界的margin  列偏移
bootstrap学习1-- 全局CSS之 h1 -h6标签的使用
历程
03-28 1953
h1 - h6 标签  -- 标签均可用，   副标题的作用只能在h1-h6标签中使用。 .h1 - .h6  span等其他dom 也可以指定.h1-.h6 类型。 small 副标题 不起作用 div 是不是起作用 未知。
bootstrap学习3--CSS样式学习之响应式列重置
历程
04-01 1444
在某些阈值时（比如宽屏幕中的某些元素字数较多，窄屏幕中就没有办法放在一行中，就会影响行高），某些列可能会出现比别的列高的情况。为了克服这一问题，建议联合使用 .clearfix 和 响应式工具类。 class="row"> class="col-xs-6 col-sm-3">.col-xs-6 .col-sm-3 class="col-xs-6 col-sm-3">.c
bootstrap学习6-列排序
历程
04-01 1287
col-md-pull-* 往左拉几个格 col-md-push-* 往右推几个格 class="row"> class="col-md-9 col-md-push-3">.col-md-9 .col-md-push-3 class="col-md-3 col-md-pull-9">.col-md-3 .col-md-pull-9
bootstrap学习30--javascript插件--modal dialog
历程
06-14 1000
可选大小通过对 modal-dialog样式后面追加 .modal-lg 或者 .modal-sm 样式来实现 模态框的大小调整 基本格式<div class="modal" id="myDialog"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class
bootstrap学习31---dropdown.js
历程
06-15 784
用法首先感谢bootstrap中文网的翻译人员的辛苦劳动，没有这个中文网站，我对于bootstrap的理解不可能这么快，不过看得出bootstrap中文网的工作人员可能不止这一件事情在做，因为从dropdown.js开始，就全是中文，可以理解，向你们致敬，不过还是希望早一点翻译完全。根据前面modal框的学习，可以猜测dropdown的用法基本思路是不变的，data属性 API和js并行。 首先 d
bootstrap学习27---带有响应式特性的嵌入式内容
历程
06-09 653
响应式特性说明根据被嵌入内容的外部容器的宽度，自动创建一个固定的比例，从而让浏览器自动确定视频或 slideshow 的尺寸，能够在各种设备上缩放。这些规则被直接应用在 <iframe>、<embed>、<video> 和 <object> 元素上。如果你希望让最终样式与其他属性相匹配，还可以明确地使用一个派生出来的 .embed-responsive-item 类。超级提示： 不需要为 <ifra
bootstrap学习32---滚动监听scrollspy.js
历程
06-16 469
scrollspydata属性调用方式data-spy=”scroll” data-target=”#navbar-example”这两个属性应用在body上 可以使整个页面去响应滚动的监听。js调用方式$(‘body’).scrollspy({ target: ‘#navbar-example’ });.scrollspy(‘refresh’)当使用滚动监听插件的同时在 DOM 中添加或删除元
Bootstrap文本突出与粗体应用详解
"Bootstrap学习笔记" Bootstrap是一个流行的前端开发框架，用于快速构建响应式和移动优先的网站。这个框架提供了一套完整的工具集，包括CSS样式、JavaScript组件和字体图标，帮助开发者创建美观且功能丰富的网页。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值