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

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

PHP讨论组

组员:3305人话题:1500

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

学习途径

工具推荐

jQuery点击文字滚动Scrollocue插件

jQuery点击文字滚动Scrollocue插件是一款用于构建一个简单的提示提词器系统的jQuery小插件。本作品由【站长素材】收集整理,转载请注明出处!
文字特效
2025-12-19

CSS3聚光灯下倒影文字特效

CSS3聚光灯下倒影文字特效是一款使用CSS3实现的聚光灯下带倒影的文字旋转动画特效。
文字特效
2025-12-17

jQuery企业留言表单联系代码

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

HTML5 MP3音乐盒播放特效

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

雅龙智能装备工业设备类WordPress主题1.0

一个专为企业网站设计的现代化WordPress主题,集成了多语言支持、自定义SEO、Open Graph、安全加固和完全响应式设计等企业级功能。 ✨ 核心亮点- ? 完整多语言系统 - 支持中文、英文、越南语、葡萄牙语,可扩展- 自定义SEO功能 - 文章、页面、分类独立SEO设置- Open Graph支持 - 完整的社交媒体分享优化- 22项安全加固 - 企业级安全防护,防止脚本小子攻击- 完全响应式 - 完美适配手机、平板、桌面设备- 高性能优化 - 智能缓存、条件加载、代码优化-
企业站源码
2025-12-18

威发卡自动发卡系统

? 威发卡 - 自动发卡系统 (PHP)? 系统概览? 模板说明 自带一套响应式模板
电商源码
2025-12-17

卡密分发系统

一款卡密/授权码/激活码领取系统,前台注册账号登录之后自动进入会员中心可以领取卡密,已限制每个自然月(1号到月末)领取一次,后台可以生成密码,可以导出,用于导入卡密系统或者授权系统 安装环境:PHP7.2(需安装SG11)+SQL 将源码上传到网站根目录,访问域名将进入安装程序
电商源码
2025-12-16

中华陶瓷网

中华陶瓷网V2013版DT5.0内核模板是高仿必途搜索的2012版,系统核心是DestoonV5.0版本,
电商源码
2025-12-16

白色相框样机展示PSD素材下载

白色相框样机展示PSD素材适用于相框样机展示设计 本作品提供白色相框样机展示PSD素材的图片会员免费下载,格式为PSD,文件大小为31.1M; 请使用软件Photoshop进行编辑,作品中文字及图均可以通过软件修改和编辑;
psd素材
2025-12-20

2026年新年艺术字设计模板下载

2026年新年艺术字设计模板适用于新年艺术字设计 本作品提供2026年新年艺术字设计模板的图片会员免费下载,格式为PSD,文件大小为10.0M; 请使用软件Photoshop进行编辑,作品中文字及图均可以通过软件修改和编辑;
psd素材
2025-12-20

复古派对鸡尾酒邀请函矢量模板

复古派对鸡尾酒邀请函矢量模板适用于公司新年酒会的电子邀请函、酒吧节日特饮的宣传单或杯垫设计等相关视觉场景设计的由AI生成的Ai格式素材。
矢量素材
2025-12-19

春节快乐方形海报设计源文件下载

春节快乐方形海报设计源文件适用于春节海报模板设计 本作品提供春节快乐方形海报设计源文件的图片会员免费下载,格式为PSD,文件大小为33.7M; 请使用软件Photoshop进行编辑,作品中文字及图均可以通过软件修改和编辑;
psd素材
2025-12-19

驾照考试驾校HTML5网站模板

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

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

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

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

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

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

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

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