html列表分页三要素,Bootstrap笔试题

一、单选题(针对以下题目,请选择最符合题目要求的答案。针对每一道题目,所有答案都选对,则该题得分,所选答案错误或不能选出所有答案,则该题不得分。每题2.5分,共80分。)

1. Bootstrap 插件全部依赖是()

A.JavaScript

B.JQuery

C.Angular JS

D.Node JS

2. 栅格系统小屏幕使用的类前缀是()

A. .col-xs-

B. .col-sm-

C. .col-md-

D. .col-lg-

3. 如下代码中,想要在超小屏幕和小屏幕显示两列,在中屏幕和大屏幕显示三列,三个div的class正确的写法是()

item1

item2

item3

A. col-sm-6 col-md-4,col-sm-6 col-md-4,col-sm-6 col-md-4

B. col-sm-6 col-lg-4,col-sm-6 col-lg-4,col-sm-6 col-lg-4

C. col-xs-6 col-lg-4,col-xs-6 col-lg-4,col-xs-6 col-lg-4

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Bootstrap分页是一种用于网页内容分页显示的前端框架。它可以帮助开发者快速创建并美化分页组件,提供了丰富的样式和交互效果。 在Bootstrap中,分页组件通常由以下几个部分组成: 1. 分页容器(pagination):用于包裹分页按钮的容器。 2. 分页按钮(page-item):用于切换不同页码的按钮。 3. 上一页按钮(previous):用于切换到上一页的按钮。 4. 下一页按钮(next):用于切换到下一页的按钮。 5. 省略号(ellipsis):用于表示省略的页码。 6. 激活状态(active):用于标识当前所在的页码。 使用Bootstrap分页的步骤如下: 1. 引入Bootstrap的CSS和JS文件。 2. 创建一个分页容器,并添加相应的类名。 3. 在分页容器中添加分页按钮和其他相关元素,可以使用循环生成多个按钮。 4. 根据需要设置当前页码的激活状态。 5. 添加上一页和下一页按钮,并设置其功能。 6. 根据需要添加省略号。 以下是一个示例代码: ```html <nav aria-label="Page navigation"> <ul class="pagination"> <li class="page-item"><a class="page-link" href="#">上一页</a></li> <li class="page-item active"><a class="page-link" href="#">1</a></li> <li class="page-item"><a class="page-link" href="#">2</a></li> <li class="page-item"><a class="page-link" href="#">3</a></li> <li class="page-item"><a class="page-link" href="#">4</a></li> <li class="page-item"><a class="page-link" href="#">5</a></li> <li class="page-item"><a class="page-link" href="#">下一页</a></li> </ul> </nav> ```

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值