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

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

全能商城网站源码(第二版)

WEB300全能商城系统  WEB300全能商城系统运行稳定、安全可靠、功能强大、傻瓜式后台管理,大量独具特色的功能在同类购物系统中独树一帜,它&ldquo;易用、实用、超强人性化&rdquo;的特点,使其在所有同类的购物系统中脱颖而出、遥遥领先。注:免费版的全能商城系统有功能限制后台管理员用户名:admin密码:admin路径:后台管理目录的名称全能商城网站第二版功能改进:1.更漂亮的界面。2.产品支持三级分类。3.品牌分类功能。4.最近浏览历史列表功能。5.产品分类菜单缩放功能。6.积
电商源码
2025-11-02

易优压双驱挖掘机压路机器类网站源码1.7.3

易优压双驱挖掘机压路机器类网站源码是基于易优cms开发,适合企业进行机器类展示使用。程序内核为Thinkphp5.0开发,后台简洁,为企业网站而生。 这是一套安装就能建站的程序,不定期更新程序BUG,更新网站功能。 我们提供的不仅是模板这么简单,我们还提供程序相关咨询、协助安装等服务。 默认不包含小程序插件,需要另外单独购买插件。 模板安装步骤 1、请将安装包ZIP上传到你的网站根目录,在线解压 2、安装模板系统:直接运行:http://您的域名/inst
企业站源码
2025-11-01

有一导航

有一导航延续了美国Groupon网站一贯的简约风格和购物流程,致力于打造中国本土化的精品消费限时团购网站,您会发现网站的页面非常简单,简单到每天只有一款产品。 产品通常不是实物,而是生活消费领域的各类服务型产品,比如服装、饰品、数码、化妆品、培训、健身等各类商品,用户只需在线购买,三分钟就可轻松买到超低折扣的团购产品!
电商源码
2025-11-01

仿凡客诚品整站 For SHOPEX

SHOPEX仿凡客诚品整站源码. 安装方法:1.解压上传程序至网站根目录.. 访问:域名/bak.(用户名:admin 密码:123456)2.进入帝国备份王后,配置数据库信息.选择-www.taomoban.net目录.还原数据库.3.修改FTP目录下的config/config.php 数据库连接信息.4.登陆网站后台--清空缓存..5.删除bak文件夹 后台:shopadmin密码:admin密码:www.taomoban.net
电商源码
2025-11-01

动物保护日主题展览A5传单设计下载

动物保护日主题展览A5传单设计适用于动物保护日传单设计 本作品提供动物保护日主题展览A5传单设计的图片会员免费下载,格式为PSD,文件大小为76.0M; 请使用软件Photoshop进行编辑,作品中文字及图均可以通过软件修改和编辑;
psd素材
2025-11-02

海岛沿岸热带植物矢量风光素材

海岛沿岸热带植物矢量风光素材适用于旅游宣传、户外探险、自然景观等相关视觉场景设计的AI格式素材。
矢量素材
2025-11-02

植物精油特价折扣海报PSD模板下载

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

极简世界著名地标矢量素材

极简世界著名地标矢量素材适用于旅游App、地理教育、国际关系、多语言学习软件等相关视觉场景设计的AI格式素材。
矢量素材
2025-11-02

驾照考试驾校HTML5网站模板

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

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

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

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

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

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

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

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