51Dev开发社区
登录 注册

#BootStrap

vue-cli+webpack在生成的项目中使用bootstrap方法（二）
vue-cli+webpack在生成的项目中使用bootstrap方法（一）中，是通过手动下载bootstrap库，然后手动添加到src/assets中，显然是过程太多。当然是可以更省力些，可以通过npm安装bootstrap，然后用import直接导入bootstrap的方式进行整合，因为vue-loader能自动从...
代码星球 ·2021-02-25

vue-cli+webpack在生成的项目中使用bootstrap方法（一）
在一个html页面中加入bootstrap是很方便，就是一般的将css和js文件通过Link和Script标签就行。那么在一个用vue-vli生成的前端项目中如何加入？因为框架不一样了，略微要适应一下。 脚手架生成项目执行命令用webpack模板生成一个名为vuestrap的项目（名字任意）vueinitwe...
代码星球 ·2021-02-25

spring mvc hibernate spring 整合的增删改查+后台校验+bootstrap
整合之前先知道大概的思路，首先要知道每个框架的重点要点。1.首先我们从数据库开始--创建数据库createdatabasegs--创建表createtablefood(idintidentity(1,1)primarykey,namevarchar(50)notnull,describevarchar(150)notn...
代码星球 ·2021-02-24

Bootstrap-Select 动态加载数据的小记
关于前端框架系列的可以参考我我刚学Bootstrap时候写的LoT.UI http://www.cnblogs.com/dunitian/p/4822808.html#lotui bootstrap-select没有select2那么强大的api，但是胜在漂亮啊，配合自己写的脚本基本上也是够用了一般...
代码星球 ·2021-02-23

bootstrap-datetimepicker 进一步跟进~~~开始时间和结束时间的样式显示
上次简单介绍了一下：05.LoT.UI前后台通用框架分解系列之——漂亮的时间选择器（http://www.cnblogs.com/dunitian/p/5524019.html）这次深入再介绍一下，比如开始时间和结束时间（主要就是从时间控件开始限制==》让结束时间只能选择>=开始时间的时间）实现很简单，改变时间的...
代码星球 ·2021-02-23

bootstrap--实现滑动门的切换
<ulclass="navnav-tabs"><li><ahref="#p1"data-toggle="tab">十元套餐</a></li><liclass="active"><ahref="#p2"data-toggle="tab">...
代码星球 ·2021-02-22

bootstrap--导航条下的搜索框中引入小图标
<formaction=""class="navbar-form"><divclass="form-grouphas-feedback"><labelfor="pw"></label><spanclass="glyphiconglyphicon-searchform...
代码星球 ·2021-02-22

简单叨叨bootstrap按钮无限层级下拉菜单的实现
然而网友的力量是强大的，在bootstrap按钮下拉菜单栏的基础上，网友拓展实现了无限层级子菜单，参见：为bootstrapdropdown增加无限级子菜单可以看到这个效果绝对是非常棒了，that'swhatIwant!说动手就动手，通过作者给的demo可以看到：<liclass="offset-leftdrop...
代码星球 ·2021-02-21

对bootstrap中confirm alert进行封装
 效果图：HTML:<!--systemmodalstart--><divid="ycf-alert"class="modal"><divclass="modal-dialogmodal-sm"><divclass="modal-content"><div...
代码星球 ·2021-02-21

bootstrap-datetimepicker出现时间选择时年份显示1899年的异常
问题情景：在angular项目中使用datetimepicker控件。对input中使用ng-model后出现了下拉选择时间年份时从1899年开始的问题。问题解决：查网上资料说是给的初始值格式不对，于是检查$scope.time,发觉时间值从后台取出来的多了个0，强制对$scope.time进行格式规范后恢复正常。但是...
代码星球 ·2021-02-21

bootstrap的select 推荐
分享两个select样式：1.可以自定义的select(推荐)：http://silviomoreto.github.io/bootstrap-select/2.另外一个：http://v3.bootcss.com/css/...
代码星球 ·2021-02-21

bootstrap 2手风琴折叠插件学习
详细资料参见www.bootcss.com折叠插件的学习，效果如下：示例代码：1<!DOCTYPEhtml>2<htmllang="en">3<head>4<metacharset="utf-8">5<metahttp-equiv="Content-Type"con...
代码星球 ·2021-02-21

bootstrap 导航学习
参考网站：www.bootcss.com学习内容：小的导航栏学习，主要通过bootstrap的js以及jquery来学习。 实现效果： 实例代码：1<!DOCTYPEhtml>2<htmllang="en">3<head>4<metacharset="utf...
代码星球 ·2021-02-21

bootstrap-datetimepicker 时间段设置
起始时间和结束时间只能在一个月范围内选择 下单日期：~$('#dateFrom').datetimepicker({language:'zh-CN',format:'yyyy-mm-dd',//显示格式todayHighlight:1,//今天高亮minView:2,//设置只显示到月份startView:2...
代码星球 ·2021-02-21

bootstrap-table 分页增删改查之一（增加 删除）
先上效果图引入js文件 <!--jsjquery--><scripttype="text/javascript"src="${pageContext.request.contextPath}/js/jquery-1.9.0.min.js"></script><!--j...
代码星球 ·2021-02-21
首页上一页12345...下一页尾页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他