E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
bootstrap3
Web前端基础(09)
###如何创建bootstrap页面1.下载框架文件(也可从Bootstrap官网下载)BootstrapV3.3.7StarterZIP下载并解压出template和
bootstrap3
两个文件夹放到工程中
海拥✘
·
2020-08-24 09:03
笔记
web前端基础
Bootstrap进度条堆叠
进度条堆叠
Bootstrap3
中,只需将多个进度条放到同一个.progress的容器中,即可以让多个进度条堆叠在一起,使它们呈现堆叠的效果。
ixygj197875
·
2020-08-24 08:50
Bootstrap3实用教程
bootstrap3
-progress bar 进度条
动态效果的进度条
schy_hqh
·
2020-08-24 07:18
bootstrap3
的 progress 进度条
1、被修改的两个标签词:2.3版3.0版.bar.progress-bar.bar-*.progress-bar-*2、代码:无标题文档普通的进度条60%Complete彩条进度条,当然去掉progress-striped就会是每个单色的进度条(不支持IE8)40%Complete(success)20%Complete60%Complete(warning)80%Complete(danger)
依然那么楞
·
2020-08-24 06:59
bootstrap3
progress
progress-bar-
Bootstrap3
带提示的进度条
带提示的进度条制作带提示的进度条也很简单,只需在内层表示进度条的子元素中,提供当前进度值即可。如:60%效果如图3‑76所示:图3-76带提示的进度条在展示很低的百分比时,如果需要让文本提示能够清晰可见,可以为进度条设置min-width属性。如:0%2%效果如图3‑77所示:图3-77带提示的进度条关于作者歪脖先生,十五年以上软件开发经验,酷爱Web开发,精通HTML、CSS、JavaScrip
ixygj197875
·
2020-08-24 06:54
Bootstrap3实用教程
前端修炼之路
就这样到达了人生的巅峰~传统前端生态-初级不使用打包、中间处理工具,手工处理js、css、图片等资源掌握以下知识点:基础结构:html,h5基础样式:css,css3基础语法:jsjq框架:jq,jq系列插件ui框架:
bootstrap3
前端一锅煮
·
2020-08-24 03:20
javascript
html5
mongodb
Django常用三方库
1.xdamin官网Django自带admin后台管理,但是界面比较简陋,Xadmin使用
Bootstrap3
.0框架精心打造。
chile-yang
·
2020-08-24 01:04
python
bootstrap3
ie8栅格系统 兼容
三土贝卡哇伊
·
2020-08-24 00:16
问题记录
一个新奇的前端UI框架——layui
之前的设想是用requirejs+
bootstrap3
来构建设计器的整体前端组件,今天无意中发现了一个最近才发布的国产开源的UI框架——layui。
chichun3494
·
2020-08-24 00:42
前端
ui
javascript
Express4+Angularjs+
Bootstrap3
环境搭建
Nodejs安装:http://blog.csdn.net/xuliuzhu/article/details/51866455,新版本的Nodejs已集成了NPM。安装Git,配置环境变量:http://blog.csdn.net/xuliuzhu/article/details/51872554全局安装expressnpminstall-gexpressnpminstall-gexpress-g
xuliuzhu
·
2020-08-23 23:35
接私活必备的 10 个开源项目!
1.AdminLTEGitHubStar数24969,GitHub地址:https://github.com/almasaeed2010/AdminLTE非常流行的基于
Bootstrap3
.x的免费的后台
James_Bobo
·
2020-08-23 21:11
学习资源
Bootstrap4 导航栏元素居右
Bootstrap4正解:.ml-auto元素居右.mr-auto元素居左搜索框顺利居右在某度上查了半小时还是没查出什么名堂,搜出来的方法大多都是
Bootstrap3
的,实测pull-right或navbar-right
静_谷
·
2020-08-23 20:09
升级后的
bootstrap3
的navbar-brand、navbar-collapse、navbar-toggle、navbar-header、navbar-text、navbar-btn的小实验
1、升级后的
bootstrap3
.0.2版本的这次试验的是navbar-brand、navbar-collapse、navbar-toggle、navbar-header、navbar-text、navbar-btn
依然那么楞
·
2020-08-23 17:57
Bootstrap3
- 2.基于bootstrap的HTML文档结构
响应式:我们需要在head标签中添加viewport的meta标签viewport的详解:https://www.cnblogs.com/pigtail/archive/2013/03/15/2961631.html让浏览器用最新的引擎去渲染这个页面:引入bootstrap库到我们页面:代码:Document
廖马儿
·
2020-08-23 11:03
bootstrap3
datepicker 和moment.js的汉化
直接上代码:$('#startTime-div').datetimepicker({format:'YYYY-MM-DD',maxDate:newDate(),locale:moment.locale('zh-cn',{months:'一月_二月_三月_四月_五月_六月_七月_八月_九月_十月_十一月_十二月'.split('_'),monthsShort:'1月_2月_3月_4月_5月_6月_7
new_life123
·
2020-08-23 02:30
Angular 范例集 ng showcase
ngshowcase详细介绍这是一个基于angular的界面元素范例程序,基于
bootstrap3
框架,优先使用内置指令来完成。
phj_88
·
2020-08-22 17:22
前端
angular
个人博客网站
http://www.eternallyc.top/blog/index技术架构:前端基础框架:Angular7.2.2开发框架:
Bootstrap3
和jQuery基础语言:Html5+CSS3CSS预处理语言
_好吗_好的
·
2020-08-22 13:44
Java
Web
学习
MXLOGO的整体
Scnpmiuiv-Scnpmilessless-loader-Scnpmiprismjs-Scnpmivue-prism-Scnpmivue-router-Scnpmivue-totop-Scnpmivue-video-player-S1.
bootstrap3
.3.7
赵不悔
·
2020-08-22 12:27
bootstrap
BG-UI,一个可以快速上手的后台UI框架
UI基于
BootStrap3
。兼容移动端。兼容IE8+及其它主流浏览器。
liyu365
·
2020-08-22 10:08
原创文章
css框架
bootstrap
开源项目介绍
bootstrap-paginator.js分页插件的优化--增加pageSize和total属性
是一款基于bootstrap框架的很好用的生成分页导航插件.原生插件源码仓库地址GitHub地址优化后仓库地址优化后GitHub介绍使用方法的博客使用BootstrapPaginator分页插件进行分页
Bootstrap3
Nisus_Liu
·
2020-08-21 17:06
基于
bootstrap3
最好的jquery表单验证插件BootstrapValidator
BootstrapValidator是一款最好的jquery表单字段验证插件,它是基于boostrap3设计的,插件需要jquery与boostrap3才能正常运行,不喜欢bootstrap的朋友慎下。特点代码从新构建,清晰明了内置验证器和计数!容易编写新确认器显示基于字段有效性反馈图标支持Ajax验证器和表单提交字段验证器可以启用/禁用使用方法引入核心库,插件是基本jquery和bootstra
noob_zhang
·
2020-08-21 16:36
jQuery
Bootstrap3
- 14.导航栏中的文字,按钮与其他菜单
a标签做成按钮:订阅课程btn是基础,btn-primary和btn-sm是决定样式的具体类。使用了navbar-btn就对齐了。文字:navbar-text按钮:navbar-btn代码:Documentwww.google.com课程博客手册订阅课程登录注册Hello,Dengtitle123按时打算是多少对阿斯达方的方式斯蒂芬斯蒂芬按时打算style.css:body{padding-top
廖马儿
·
2020-08-21 11:11
企业权限管理系统之AdminLTE的基本介绍(一)
AdminLTE基本使用介绍(三)AdminLTE使用示例:首页(四)AdminLTE使用示例:左侧菜单栏(五)AdminLTE使用示例:产品添加(一)AdminLTE介绍AdminLTE是一款建立在
Bootstrap3
zheng_zq666
·
2020-08-21 05:34
企业权限管理系统
bootstrap3
.x popover报错Cannot read property 'off' of null
最近在使用
bootstrap3
x的popover实现openlayer的弹出框的时候,控制台总是报错:Cannotreadproperty‘off’ofnull或者Cannotreadproperty‘
请叫我爱你一万年
·
2020-08-21 01:38
JavaScript
bootstrap 3.3.7 bug tooltip关闭时报Uncaught TypeError: Cannot read property 'off' of null
使用
bootstrap3
.3.7的tooltip时,当tooltip关闭时会抛出UncaughtTypeError:Cannotreadproperty‘off’ofnull的错误。
Moss Huang
·
2020-08-21 01:34
bootstrap
如何让bootstrap兼容ie8+
不过由于我用的是
Bootstrap3
.0,结果发现在ie8下崩掉了,心塞啊!又翻出bootstrap官方API,细读之……这才明白由于bootstrap做响应式所用的
Waydrow
·
2020-08-20 22:52
Web前端
Bootstrap学习
以
Bootstrap3
为例学习!需要使用Bootstrap做一个响应式布局的页面,学习一下什么是Bootstrap?Bootstrap是一个用于快速开发Web应用程序和网站的前端框架。
Bigbang_boy
·
2020-08-20 19:51
Bootstrap4.5栅格系统解决任意列问题
一、问题
bootstrap3
中的栅格系统大致是:container容器中每行12个单位格子,可以根据实际情况自由的设置列,如下图所示,第一行均等的分了12列,第二行非均等分了2列(两列的格子数之和为12
大牛哥
·
2020-08-20 17:42
bootstrap
Bootstrap4.5栅格系统解决任意列问题
一、问题
bootstrap3
中的栅格系统大致是:container容器中每行12个单位格子,可以根据实际情况自由的设置列,如下图所示,第一行均等的分了12列,第二行非均等分了2列(两列的格子数之和为12
大牛哥
·
2020-08-20 17:41
bootstrap
Bootstrap初步使用
对我这样编写后端程序且还在意美观好看的人来说很实用,所以简单来说一下.1)首先打开Bootstrap的官网--https://www.bootcss.com/.2)打开很简洁的就能看到其中文文档(我选择的
Bootstrap3
Max_xu
·
2020-08-20 17:29
前端
bootstrap
Bootstrap初步使用
对我这样编写后端程序且还在意美观好看的人来说很实用,所以简单来说一下.1)首先打开Bootstrap的官网--https://www.bootcss.com/.2)打开很简洁的就能看到其中文文档(我选择的
Bootstrap3
Max_xu
·
2020-08-20 17:28
前端
bootstrap
Bootstrap3
多级导航菜单
AngularJS体验式编程系列文章,将介绍如何用angularjs构建一个强大的web前端系统。angularjs是由Google团队开发的一款非常优秀web前端框架。在当前如此多的web框架下,angularjs能脱颖而出,从架构设计上就高人一等,双向数据绑定,依赖注入,指令,MVC,模板。Angular.js创新地把后台技术融入前端开发,扫去jQuery一度的光芒。用angularjs就像写
Fens
·
2020-08-20 16:51
(五)Maven+SpringBoot整合Bootstrap
1、在已创建好的整合项目中,新增依赖,此处以bootstrap和jauery为例org.webjars
bootstrap3
.3.7org.webjarsjquery1.12.42、在src/main/resources
Irvin-bin
·
2020-08-20 05:04
jquery
SpringBoot
Bootstrap
在springboot中集成bootstrap
首先导入依赖bootstrap与jquery:org.webjars
bootstrap3
.3.5org.webjarsjquery3.1.1然后在html文件中加入相应版本:InserttitleherehellozhangyanButton.btn
你能不能别说话
·
2020-08-20 05:37
JavaWEB
springboot+thymeleaf+bootstrap时页面显示不出来
首先导入依赖org.webjars
bootstrap3
.3.5org.webjarsjquery3.1.1然后把后台功能写完,写前端,代码如下学生成绩搜索学号姓名成绩头像删除修改增加删除修改«
爱笑的草帽
·
2020-08-20 05:57
springboot
thymeleaf
bootstrap
Django学习笔记十七:添加签到功能
/templates中创建sign_index.html签到页面:{%load
bootstrap3
%}{%bootstrap_css%}{%bootstrap_javascript%}发布会管理{{event.name
我没有强迫症
·
2020-08-19 19:20
Django
Bootstrap3
- 下载
getbootstrap.com/getting-started/有多种类型下载:CompiledBootstrap(编译好的)Sourcecode(源代码版本)Sass(Sass版本的Bootstrap)#Sass是css的预处理语言。我们下载编译好的bootstrap。bootstrap需要用到jquery插件,我们也需要下载jquery(http://jquery.com/download/
廖马儿
·
2020-08-19 00:58
使用bootstrap模仿bootstrap网站首页
代码如下:使用的包有bootstrap.min.cssjquery.min.jsbootstrap.min.jsbootstrapBootstrap中文网Bootstrap2中文网
Bootstrap3
中文网
xiongzhouxiong
·
2020-08-18 23:31
基于bootstrap的后台左侧导航菜单和点击二级菜单刷新二级页面时候菜单展开显示当前菜单...
本文使用的框架版本为:
bootstrap3
,Jquery2.1.0(其他jquery可能会报错,菜单项不执行效果如下:1.在项目中引入框架:2.自定义样式.side-nav-item{display:block
weixin_30387423
·
2020-08-18 22:48
让
Bootstrap3
的菜单位于Iframe之上
一般情况下,Bootstrap的菜单可以由如下方法创建: 单击我显示菜单 菜单项1 菜单项2 菜单项3 但是有些时候,dropdown的外层容器并非DIV(可能是li或者其他元素),或者菜单DIV被设置了大小,或者菜单需要位于带有z-index的元素之上,这个时候可以使用绝对定位创建菜单。menuHtml='';menuHtml+='';menuHtml+=''menuH
默语森
·
2020-08-18 21:51
Bootstrap
Bootstrap3
学习笔记
Bootstrap3
文档和栅格系统
1)如下开头html标签:...2)
Bootstrap3
是按照移动设备优先设计的框架。
相忘于江湖-mfc
·
2020-08-18 20:01
Bootstrap3
bootstrap
bootstrap3
响应式
移动设备
React开发管理后台实践1
当然这套模板是用HTML5+CSS(
Bootstrap3
)写成的,我们需要通过JSX将其转换为React可
最老程序员闫涛
·
2020-08-18 19:31
react
bootstrap左侧滑动菜单效果
首先,需要下载bootstrap相关js,css一个主页面:滑动菜单这是标题这是标题一这是标题一这是标题一ログアウト
Bootstrap3
HomePageoneSecondpageThirdpageDropdownDropdownheadingActionAnotheractionSomethingelsehereSeparatedlinkOnemoreseparatedlinkPagefourPa
75闪光雷
·
2020-08-18 19:25
前端UI
解决Bootstrap字体图标glyphicon无法显示的问题
我们在官网下载了
Bootstrap3
版本的文档使用时,在我们将bootstrap.min.css文件引入到自己Web项目中,使用字体图标glyphicon时,图标无法正常显示,例如:testTest注册登录显示出来的却是这样的结果
灬小小黑
·
2020-08-18 12:14
Bootstrap
1-10. Bootstrap Glyphicon字体、图标(组件)
获取字体图标(
Bootstrap3
.0版):https://v3.bootcss.com/getting-started/下载后fonts文件夹各个文件的格式不一样但内容是一样的,用于兼容各个浏览器定义字体图标
ROBIN.FANG
·
2020-08-18 12:15
jQuery
Library
bootstrap4中的图标Glyphicons在Angular5项目中应用问题
参考博客:点击打开链接从
bootstrap3
版本中拷贝出fonts文件夹。拷贝到node_modules文件夹下的bootstrap/dist文件夹下。
M612a34
·
2020-08-18 10:39
AngularJS5
8 个实用的 Bootstrap 3 案例教程
Bootstrap3
发布各大设计论坛议论纷纷。这次
Bootstrap3
最大的特点就是——扁平化。
他叫自己MR张
·
2020-08-18 07:51
WordPress
Bootstrap3
表格样式
表格HTML表格是数据的二维容器,它的基本作用是用来存放数据。表格能够清晰、直观地描述数据间的逻辑关系,如果借助CSS设计表格的样式,阅读数据将会变得更轻松。表格结构包括众多标签,这些标签各司其职,共同完成二维数据的呈现功能。Bootstrap支持的表格标签及其功能描述见表2‑1:表2‑1Bootstrap支持的表格标签标签描述定义表格容器定义表头容器,用来容纳标题行()定义表格内容容器,用来容纳
ixygj197875
·
2020-08-17 23:19
Bootstrap3实用教程
Bootstrap3
行内表单
行内表单为元素添加.form-inline类,就可以创建一个表现为inline-block的行内表单。行内表单采用紧凑布局,它的所有控件都在一行内显示,标签和输入框使用左对齐方式。如: NameEmailSendinvitation在Bootstrap中,输入框和单选/多选框控件默认被设置为width:100%;,但在行内表单中,这些元素的宽度被设置为width:auto;,因此,多个控件可以排列
ixygj197875
·
2020-08-17 23:19
Bootstrap3实用教程
Bootstrap3
表单
表单Bootstrap为表单和表单控件提供了一些全局样式,不需要添加任何辅助类,即可让表单使用默认布局。默认布局中,表单元素采用垂直布局,标签和输入框采用顶对齐方式。Bootstrap中创建表单的基本步骤如下:为每个表单控件、和元素添加.form-control类;把成对的和表单控件包裹在.form-group的中;将这些应用了.form-group类的放到中。如,以下代码创建一个基本表单: Em
ixygj197875
·
2020-08-17 23:19
Bootstrap3实用教程
上一页
1
2
3
4
5
6
7
8
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他