Bootstrapbxslider
2024-04-19 18:53:06
Bootstrap
规则
一、响应式布局
@media
二、图标、字体
@font-face
三、基本使用
实例:
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Title</title><link rel="stylesheet" href="bootstrap-3.3.7-dist/css/bootstrap.css"><link rel="stylesheet" href="bootstrap-3.3.7-dist/css/bootstrap-theme.css"></head> <body><div class="btn-group" data-toggle="buttons"><label class="btn btn-primary active"><input type="checkbox" autocomplete="off" checked> Checkbox 1 (pre-checked)</label><label class="btn btn-primary"><input type="checkbox" autocomplete="off"> Checkbox 2</label><label class="btn btn-primary"><input type="checkbox" autocomplete="off"> Checkbox 3</label></div><script src="jquery-1.12.4.js"></script><script src="bootstrap-3.3.7-dist/js/bootstrap.js"></script></body> </html>
bxslider(轮播图)
实例:
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Title</title><link rel="stylesheet" href="jquery.bxslider/jquery.bxslider.css"> </head> <body><ul class="bxslider"><li><img src="data:images/pic1.jpg" /></li><li><img src="data:images/pic2.jpg" /></li><li><img src="data:images/pic3.jpg" /></li><li><img src="data:images/pic4.jpg" /></li></ul><script src="jquery-1.12.4.js"></script><script src="jquery.bxslider/jquery.bxslider.js"></script><script>$(document).ready(function(){$('.bxslider').bxSlider();});</script></body> </html>
转载于:https://www.cnblogs.com/xone/p/6908678.html
Bootstrapbxslider相关推荐
最新文章
- 综述:NLP中的深度学习优势
- emq认证mysql后如何使用_emq服务器开启mysql验证教程
- python sys,os模块总结
- 全球及中国矿棉板行业运营能力状况与十四五规模预测报告2022年
- HashMap(Java)
- 交大c语言第一次作业答案,第一次作业答案(供参考)
- Docker学习文档之三 其他相关-Docker常用命令
- java 集合初始化_6种方法初始化JAVA中的list集合
- 微服务架构系列文章、精品教程
- ORB-SLAM2 ROS运行
- 批量插入图片并自动排版——《超级处理器》应用
- python多叉树_python中高效的四叉树实现
- 2022年6月 青少年软件编程(图形化) 等级考试试卷(四级)
- bluetoothctl No default controller available
- 使用Hibernate中save方法时由于设置的id的增长方式为assigned报错处理和
- WPS公式标号对齐,公式居中问题
- 本地Windows上安装 MySQL数据库
- STM32 定时器的简单应用 1ms中断代码
- 3D建模软件测试自学,收藏:5个自学3DMAX教程以及3D模型资源的网站
- 数据结构C语言之停车场管理
热门文章
- OCV时序分析(一)
- fatal error: cstdio.h: No such file or directory
- tpcc-mysql安装_tpcc-mysql 安装及使用
- OSSIM开源安全信息管理系统(十)
- 华为mate40和mate40pro的区别?哪个好?
- 奇酷学院-数据采集及其可视化(三)
- 如何快速学习abaqus复合材料--【理论+实操】
- clover更新驱动 后不能开机_黑苹果安装教程:Clover引导文件添加——墨涩网
- 真香!推荐一个超级简单 Java 图形验证码模块
- 程序员谈恋爱的故事(一)