当前位置:首页 > 技术文章 > web前端 > Bootstrap教程

  • 如何利用bootstrap分页
    如何利用bootstrap分页
    第一步,下载bootstrap并解压,新建一个test目录存放测试文件。||第二步,新建一个测试的pagination.html文件。||第三步,添加class="active"高亮显示页码,给所有分页li标签上添加点击事件。
    Bootstrap教程 . web前端 2244 2019-07-17 15:53:31
  • bootstrap的下拉多选框如何使用
    bootstrap的下拉多选框如何使用
    第一步,引入CSS文件和JS文件,导入bootstrap-select组件。||第二步,添加“multiple”设置为多选,设置最多能选择2项,即data-max-options="2"。||第三步,添加检索并设置属性,添加全选/反选功能。
    Bootstrap教程 . web前端 10112 2019-07-17 15:32:53
  • 如何用bootstrap定义上弹菜单
    如何用bootstrap定义上弹菜单
    首先获取点击按钮距离屏幕下方的高度和弹出菜单的高度,如果弹出菜单不能完全显示,就让其向上弹出。然后通过修改bootstrap.js中的toggle属性,实现点击的时候,根据实际情况智能向下或向上弹出即可。
    Bootstrap教程 . web前端 1828 2019-07-17 15:15:15
  • bootstrap如何制作下拉菜单
    bootstrap如何制作下拉菜单
    第一步,在Sublime Text中新建HTML页面。||第二步,用link标签导入样式库。||第三步,导入jquery和bootstrap的脚本,调用dropdown样式引入下拉菜单。||第四步,加入下拉菜单中的菜单项,再运行程序即可。
    Bootstrap教程 . web前端 4788 2019-07-17 15:02:56
  • 如何使用bootstrap快速实现登录页面
    如何使用bootstrap快速实现登录页面
    第一步,下载解压bootstrap,引入boostrap的js和css,引入jquery.js。||第二步,在div标签中编写用户名输入框、密码输入框、登录按钮。||第三步,编写完成后,双击目录下的index.html,在浏览器中查看效果。
    Bootstrap教程 . web前端 6616 2019-07-17 14:44:03
  • bootstrap如何设置行间距
    bootstrap如何设置行间距
    方案一:添加一个新的样式类,定义margin-top的样式,然后在row所在的div元素上添加样式类。||方案二:定义一些通用的上边距样式类,然后,在row所在的div元素上添加适合的CSS样式类。||方案三:可以使用内置的间距样式类。
    Bootstrap教程 . web前端 12668 2019-07-17 14:32:41
  • bootstrap如何拖拽组件
    bootstrap如何拖拽组件
    第一步,打开bootstrap.js源代码找到modal组件代码块,在Modal.DEFAULTS代码块下加入拖拽代码实现。||第二步,在modal的show方法中添加调用draggable方法。||第三步,直接引入源码到页面上即可。
    Bootstrap教程 . web前端 5684 2019-07-17 14:17:06
  • bootstrap如何使用路径分页标签
    bootstrap如何使用路径分页标签
    首先在VS中准备html文档,然后在html中导入bootstrap的css文件。查看路径效果则引用breadcrumb样式,查看分页功能则使用pagination样式。如果想哪一页启用或者禁用,用active或者disabled样式即可。
    Bootstrap教程 . web前端 2332 2019-07-17 14:09:04
  • bootstrap模态框如何加滚动条
    bootstrap模态框如何加滚动条
    在html文件的<style></style>标签中,对“.modal-dialog”,“.modal-content”,“.modal-body”,“.modal-header”,“.modal-footer”进行设置,再打开模态框即可。
    Bootstrap教程 . web前端 3812 2019-07-17 13:53:04
  • bootstrap如何给div设置边框颜色
    bootstrap如何给div设置边框颜色
    在div中设置边框颜色有三种方式:(1)"border:1px solid red;"(2)"border-color: red;"(3)"border-left:1px solid red;"。
    Bootstrap教程 . web前端 9852 2019-07-17 13:45:10
  • 如何使用bootstrap实现年月日的时间选择器
    如何使用bootstrap实现年月日的时间选择器
    第一步,实现时间选择,页面需要加载CSS文件。||第二步,页面加载JS文件。||第三步,调用('.form_datetime').datetimepicker方法实现年月日的选择。
    Bootstrap教程 . web前端 7663 2019-07-17 13:05:58
  • thinkphp和bootstrap区别
    thinkphp和bootstrap区别
    thinkPHP是开发框架,bootstrap是web前端框架,前者主要用于后端(服务端,服务器),后者主要用于前端(用户端、客户端)。thinkPHP主要管控产品业务、数据处理,而bootstrap主要负责用户看到的界面的美观性。
    Bootstrap教程 . web前端 5137 2019-08-12 17:55:53
  • bootstrap col-sm col-md区别
    bootstrap col-sm col-md区别
    bootstrap中col-sm与col-md区别是:col-sm代表小屏幕和平板 (≥768px),col-md代表中等屏幕和桌面显示器 (≥992px)。
    Bootstrap教程 . web前端 6116 2019-07-17 11:49:58
  • bootstrap删格系统如何理解
    bootstrap删格系统如何理解
    Bootstrap内置了一套响应式、移动设备优先的流式栅格系统,随着屏幕设备或视口尺寸的增加,系统会自动分为最多12列。通过一系列的行与列的组合创建页面布局,然后你的内容就可以放入到你创建好的布局当中。
    Bootstrap教程 . web前端 2429 2019-07-17 11:45:46
  • bootstrap react区别
    bootstrap react区别
    bootstrap是一种针对样式风格的前端框架,React是一个用于构建用户界面的JAVASCRIPT库,主要用于构建UI。
    Bootstrap教程 . web前端 2890 2019-07-17 12:02:12

PHP讨论组

组员:3305人话题:1500

PHP一种被广泛应用的开放源代码的多用途脚本语言,和其他技术相比,php本身开源免费; 可以将程序嵌入于HTML中去执行, 执行效率比完全生成htmL标记的CGI要高许多,它运行在服务器端,消耗的系统资源相当少,具有跨平台强、效率高的特性,而且php支持几乎所有流行的数据库以及操作系统,最重要的是

学习途径

工具推荐

jQuery企业留言表单联系代码

jQuery企业留言表单联系代码是一款简洁实用的企业留言表单和联系我们介绍页面代码。
表单按钮
2024-02-29

HTML5 MP3音乐盒播放特效

HTML5 MP3音乐盒播放特效是一款基于html5+css3制作可爱的音乐盒表情,点击开关按钮mp3音乐播放器。
播放器特效
2024-02-29

HTML5炫酷粒子动画导航菜单特效

HTML5炫酷粒子动画导航菜单特效是一款导航菜单采用鼠标悬停变色的特效。
菜单导航
2024-02-29

jQuery可视化表单拖拽编辑代码

jQuery可视化表单拖拽编辑代码是一款基于jQuery和bootstrap框架制作可视化表单。
表单按钮
2024-02-29

大泉州汽车网PHP整站程序

大泉州汽车网整站程序是一个以PHP+MySQL进行开发的二手车发布网站源码。
电商源码
2025-11-30

青鸟游戏点卡销售管理系统源码

一个简单的游戏点卡销售管理系统,用户可以在前台注册并经过管理员审核后在线购买游戏点卡,采用面向对象模式开发
电商源码
2025-11-30

思高网络商城CycooShop

主要模块:首页商品推荐 /顾客留言发布 /商品分类浏览 /按商品分类、关键字搜索商品 /商品购物车 人信息中心 /显示商品详细介绍以及多图片显示功能 /商品类别管理有分大类中类的类别设定商品搜索类别设定 /商品管理有临时关闭不在线功能 /订单管理 /支付类型管理模块 留言管理 /后台权限分级管理 /密码修改 /新闻管理 /网站配置管理 /滚动广告管理v1.58更新:1、增强支付接口设置。2、内置支付宝支付功能,NPS全动支付功能(需申请一个帐号)。3、修正新闻中心的显示错误4、修正首页同一天有超过10条
电商源码
2025-11-29

短视频去水印微信小程序

抖猫高清去水印微信小程序,源码为短视频去水印微信小程序全套源码,包含微信小程序端源码,服务端后台源码,支持某音、某手、某书、某站短视频平台去水印,提供全套的源码,实现功能包括:1、小程序登录授权、获取微信头像、获取微信用户2、首页包括:流量主已经对接、去水印连接解析、去水印操作指导、常见问题指引3、常用工具箱:包括视频镜头分割(可自定义时长分割)、智能分割(根据镜头自动分割)、视频混剪、模糊图片高清处理、图片自由裁剪、文案AI扩写、邀请用户等功能;4、任务页面实现:看广告领会员、广告领金币、分享朋友圈、
微信源码
2025-11-29

购物节主题折扣海报PSD模板设计下载

购物节主题折扣海报PSD模板设计适用于购物节折扣海报设计 本作品提供购物节主题折扣海报PSD模板设计的图片会员免费下载,格式为PSD,文件大小为58.7M; 请使用软件Photoshop进行编辑,作品中文字及图均可以通过软件修改和编辑;
psd素材
2025-11-30

购物狂欢人物插图合集矢量素材

购物狂欢人物插图合集矢量素材适用于等相关视觉场景设计的由AI生成的Ai格式素材。
矢量素材
2025-11-30

甜甜圈美食折扣主图ps素材下载

甜甜圈美食折扣主图ps素材适用于美食折扣主图设计 本作品提供甜甜圈美食折扣主图ps素材的图片会员免费下载,格式为PSD,文件大小为17.4M; 请使用软件Photoshop进行编辑,作品中文字及图均可以通过软件修改和编辑;
psd素材
2025-11-30

插画风双11购物矢量海报模板

插画风双11购物矢量海报模板适用于双十一等相关视觉场景设计的由AI生成的Ai格式素材。
矢量素材
2025-11-30

驾照考试驾校HTML5网站模板

驾照考试驾校HTML5网站模板是一款适合提供驾驶培训和组织驾照考试服务机构宣传网站模板下载。提示:本模板调用到谷歌字体库,可能会出现页面打开比较缓慢。
前端模板
2025-06-10

驾照培训服务机构宣传网站模板

驾照培训服务机构宣传网站模板是一款适合提供一般驾驶和计划培训的驾校宣传网站模板下载。提示:本模板调用到谷歌字体库,可能会出现页面打开比较缓慢。
前端模板
2025-01-07

新鲜有机肉类宣传网站模板

新鲜有机肉类宣传网站模板是一款适合提供各种新鲜有机肉类食材宣传网站模板下载。提示:本模板调用到谷歌字体库,可能会出现页面打开比较缓慢。
前端模板
2025-01-06

HTML5房地产公司宣传网站模板

HTML5房地产公司宣传网站模板是一款适合从事房地产服务行业宣传网站模板下载。提示:本模板调用到谷歌字体库,可能会出现页面打开比较缓慢。
前端模板
2025-01-06
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号