凯发k8天生赢家一触即发

6-凯发k8天生赢家一触即发

2023-10-19

8、导航条

bootstrap已经提供了完整的导航条实例,通常情况下,我们仅需进行简单修改即可使用。

帮助手册位置:组件-------导航条

9、轮播图

bootstrap已经提供了完整的轮播图实例,通常情况下,我们仅需进行简单修改即可使用。

帮助手册位置:javascript插件--- carousel

轮播图div的定时换图属性:

data-interval="毫秒值"

注意:多个轮播图必须修改轮播图的id

10、排版-对齐方式

bootstrap提供统一的排版方式设置,方便开发人员对内容板式进行调整

帮助手册位置:全局css样式----排版----对齐

会将元素内所有的内容都进行排版设置

.text-left

使元素内容靠左显示

.text-center

使元素内容居中显示

.text-right

使元素内容靠右显示

示例:

效果:

11、表单元素

bootstrap同样提供了丰富的表单控件供开发人员来选择。

帮助手册位置:全局css样式-----表单

示例1:基本实例

效果1:

示例2:表单名和表单输入项共用一行

效果2:

示例3:校验状态-出错样式

效果3:

12、分页条

bootstrap为我们还准备了分页条的样式组件。

帮助手册位置:组件-----------分页

示例1:

效果1:

示例2:

效果2:(鼠标放入禁用按钮,鼠标变为禁用)

6_bootstrap之导航条|轮播图|排版|表单元素|分页的相关教程结束。

网站地图