腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

一“技”之长

专栏作者

425

文章

468691

阅读量

48

订阅数

Bootstrap响应式前端框架笔记七——下拉菜单

在Bootstrap的Css框架中，下拉菜单属于组件。一个完整的下拉菜单应该有两部分组成，一个触发按钮与一个选项列表。触发按钮dropdown-toggle类来创建，选项列表有drop-menu类来创建，这两部分元素需要包裹在一个dropdown类元素中，才能正确组合，示例代码如下：

2018-08-15

2.4K0

Bootstrap响应式前端框架笔记八——按钮组

在Bootstrap定义的Css样式中，开发者可以将一组btn控件包裹在btn-group类中使其组合成按钮组控件，组合后的控件左右两侧的按钮将被圆角处理，示例代码如下：

2018-08-15

1.6K0

Bootstrap响应式前端框架笔记一——强大的栅格布局

Bootstrap是一款HTML，Css和JavaScript开发框架，其也支持开发者进行自定义构建，开发者也可以只打包自己需要的功能模块使用。Bootstrap的中文网址如下：

2018-08-15

2.2K0

Bootstrap响应式前端框架笔记二——排版标签与类

Bootstrap中对h标签的字体和字号进行了微调，开发者除了可以直接使用这些标签进行标题的修饰外，还可以使用.h1到.h6类来将其他元素的字体进行修饰，示例如下：

2018-08-15

2.5K0

Bootstrap响应式前端框架笔记十——导航栏相关组件

Bootstrap中提供的导航栏分为两种模式，使用nav-tabs类可以创建页卡模式的导航栏，使用nav-pills类可以创建胶囊模式的导航栏，示例如下：

2018-08-15

2.2K0

Bootstrap响应式前端框架笔记十一——分页与标签

在开发搜索结果页、列表页时通常会使用到分页器控件，Bootstrap中提供了方便的类来进行分页器的创建，示例如下：

2018-08-15

1.2K0

Bootstrap响应式前端框架笔记五——按钮

Bootstrap中预设了default，primary，info，warning，danger和link6种按钮风格，示例如下：

2018-08-15

1.1K0

Bootstrap响应式前端框架笔记十四——媒体对象与列表组

在移动开发中经常会使用到列表，使用媒体对象可以方便的创建列表中每一行元素，常规的媒体对象实例如下：

2018-08-15

6940

Bootstrap响应式前端框架笔记六——图片与其他辅助类

在页面中插入图片，Bootstrap框架中定义了3中图片的Css类样式，分别为圆角图片img-rounded类，圆形图片img-circle类和带边框的图片img-thumbnail类，示例如下：

2018-08-15

5410

Bootstrap响应式前端框架笔记十五——面板与井

Bootstrap中的面板由pannel相关类来创建，一个完整的面板分为面板头部、面板体和面板注脚，并且Bootstrap中默认定义了一些面板风格，示例如下：

2018-08-15

7760

Bootstrap响应式前端框架笔记十八——导航滚动监听

Bootstrap框架中提供了十分方便的方法来使用导航关联内容快，并且开发者可以监听滚动进行导航按钮的切换，示例如下：

2018-08-15

1.6K0

没有更多了

社区活动

腾讯技术创作狂欢月

“码”上创作 21 天，分 10000 元奖品池！

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态