当前位置:首页 > 前端技术

JS组件系列——不容错过的两款Bootstrap Icon图标选择组件

2023年06月06日 08:11:20前端技术
JS组件系列——不容错过的两款Bootstrap Icon图标选择组件
前言:最近好多朋友在群里面聊到bootstrap icon图标的问题,比如最常见的菜单管理,每个菜单肯定需要一个对应的菜单图标,要是有一个可视化的图标选择组件就好了,最好是直接选择图标,就能得到对应的class样式。于是乎各种百度,皇天不负有心人,最后被博主找到了,感觉效果还不错,并且支持自定义的图...

[后端人员耍前端系列]KnockoutJs篇:使用KnockoutJs+Bootstrap实现分页

2023年06月05日 23:29:07前端技术
[后端人员耍前端系列]KnockoutJs篇:使用KnockoutJs+Bootstrap实现分页
一、引言   由于最近公司的系统需要改版,改版的新系统我打算使用KnockoutJs来制作Web前端。在做的过程中,遇到一个问题——如何使用KnockoutJs来完成分页的功能。在前一篇文章中并没有介绍使用KnockoutJs来实现分页,所以在这篇文章中,将补充用KnockoutJs+Bootstr...

基于Metronic的Bootstrap开发框架经验总结(1)-框架总览及菜单模块的处理

2023年06月05日 23:28:03前端技术
基于Metronic的Bootstrap开发框架经验总结(1)-框架总览及菜单模块的处理
最近一直很多事情,博客停下来好久没写了,整理下思路,把最近研究的基于Metronic的Bootstrap开发框架进行经验的总结出来和大家分享下,同时也记录自己对Bootstrap开发的学习研究的点点滴滴,希望在开一个《基于MVC4+EasyUI的Web开发框架经验总结》的系列文章,逐步介绍这个响应式...

Bootstrap响应式栅格系统的设计原理

2023年06月05日 21:52:22前端技术
Bootstrap响应式栅格系统的设计原理
1、历史背景   Bootstrap是Twitter的工程师Mark Otto和Jacob Thornton开发的一套供内部使用的UI框架,于2011年开源。2012年发布的第二版中新增了12列栅格系统和响应式组件,2013年发布的第三版进一步改造为扁平化视觉风格和优先支持移动设备。把握潮流,与时俱...

SpringMVC学习系列(12) 完结篇 之 基于Hibernate+Spring+Spring MVC+Bootstrap的管理系统实现

2023年06月05日 21:14:39前端技术
SpringMVC学习系列(12) 完结篇 之 基于Hibernate+Spring+Spring MVC+Bootstrap的管理系统实现
到这里已经写到第12篇了,前11篇基本上把Spring MVC主要的内容都讲了,现在就直接上一个项目吧,希望能对有需要的朋友有一些帮助。 一、首先看一下项目结构: InfrastructureProjects:是抽取出的基础项目,主要封装了一些通用的操作。 SpringMVC3Demo:就是管理系统...

优化checkbox和radio,类似Bootstrap中的iCheck

2023年06月05日 18:11:50前端技术
checkbox和radio浏览器默认的已经满足不了大众的审美需求,更不用说浏览器之间的差异化,取而代之,优化checkbox和radio的方法也随之诞生了。 html结构: 单选框为例,简单说明: 其中必需项包括:class="radio" 和 name="名称" ˂ins...

Bootstrap-分页插件Paginator

2023年06月05日 17:44:02前端技术
Bootstrap-分页插件Paginator
Bootstrap Paginator是一款基于Bootstrap的js分页插件,功能很丰富,个人觉得这款插件已经无可挑剔了。它提供了一系列的参数用来支持用户的定制,提供了公共的方法可随时获得插件状态的改变,以及事件来监听用户的动作。目前经过测试的浏览器包括: Firefox 5+, Chrome...

Bootstrap之表单

2023年06月05日 17:23:03前端技术
Bootstrap之表单
基础表单 表单中常见的元素主要包括:文本输入框、下拉选择框、单选按钮、复选按钮、文本域和按钮等。 当然表单除了这几个元素之外,还有input、select、textarea等元素,在Bootstrap框架中,通过定制了一个类名`form-control`,也就是说,如果这几个元素使用了类名“form...

bootstrap 导航条

2023年06月05日 09:47:09前端技术
bootstrap 导航条
一、默认的导航条 制作默认的导航条,可分以下几步: 1.在ul里加上(ul class="nav navbar-nav")样式; 2.在ul外加一层div或nav(ps:HTML5新属性),并且添加样式(div class="navbar nabar-default"); 1 2...

ExtJS 4.2 教程-02:bootstrap.js 工作方式

2023年06月04日 22:43:09前端技术
ExtJS 4.2 教程-02:bootstrap.js 工作方式
在上一篇中,我们将bootstrap.js引入页面,并没有直接引用ExtJS的脚本文件,而是通过bootstrap在启动的时候动态的选择要将哪些extjs脚本添加到页面中。在本文中我们来介绍一下bootstrap.js的工作方式。 我们在Google Chrome 浏览器中,打开开发人员工具(关于在...