当前位置：首页
> Bootstrap
JS组件系列——不容错过的两款Bootstrap Icon图标选择组件
2023年06月06日 08:11:20前端技术
前言：最近好多朋友在群里面聊到bootstrap icon图标的问题，比如最常见的菜单管理，每个菜单肯定需要一个对应的菜单图标，要是有一个可视化的图标选择组件就好了，最好是直接选择图标，就能得到对应的class样式。于是乎各种百度，皇天不负有心人，最后被博主找到了，感觉效果还不错，并且支持自定义的图...
[后端人员耍前端系列]KnockoutJs篇：使用KnockoutJs+Bootstrap实现分页
2023年06月05日 23:29:07前端技术
一、引言 由于最近公司的系统需要改版，改版的新系统我打算使用KnockoutJs来制作Web前端。在做的过程中，遇到一个问题——如何使用KnockoutJs来完成分页的功能。在前一篇文章中并没有介绍使用KnockoutJs来实现分页，所以在这篇文章中，将补充用KnockoutJs+Bootstr...
基于Metronic的Bootstrap开发框架经验总结（1）-框架总览及菜单模块的处理
2023年06月05日 23:28:03前端技术
最近一直很多事情，博客停下来好久没写了，整理下思路，把最近研究的基于Metronic的Bootstrap开发框架进行经验的总结出来和大家分享下，同时也记录自己对Bootstrap开发的学习研究的点点滴滴，希望在开一个《基于MVC4+EasyUI的Web开发框架经验总结》的系列文章，逐步介绍这个响应式...
Bootstrap响应式栅格系统的设计原理
2023年06月05日 21:52:22前端技术
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前端技术
到这里已经写到第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的js分页插件，功能很丰富，个人觉得这款插件已经无可挑剔了。它提供了一系列的参数用来支持用户的定制，提供了公共的方法可随时获得插件状态的改变，以及事件来监听用户的动作。目前经过测试的浏览器包括： Firefox 5+, Chrome...
Bootstrap之表单
2023年06月05日 17:23:03前端技术
基础表单 表单中常见的元素主要包括：文本输入框、下拉选择框、单选按钮、复选按钮、文本域和按钮等。 当然表单除了这几个元素之外，还有input、select、textarea等元素，在Bootstrap框架中，通过定制了一个类名`form-control`，也就是说，如果这几个元素使用了类名“form...
bootstrap 导航条
2023年06月05日 09:47:09前端技术
一、默认的导航条 制作默认的导航条，可分以下几步： 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前端技术
在上一篇中，我们将bootstrap.js引入页面，并没有直接引用ExtJS的脚本文件，而是通过bootstrap在启动的时候动态的选择要将哪些extjs脚本添加到页面中。在本文中我们来介绍一下bootstrap.js的工作方式。 我们在Google Chrome 浏览器中，打开开发人员工具（关于在...
