Glyphicons 字体图标 所有可用的图标 包括250多个来自 Glyphicon Halflings 的字体图标。Glyphicons Halflings 一般是收费的,但是他们的作者允许 Bootstrap 免费使用 下面来看看部分图标 使用的方法也很简单 出于性能的考虑,所有图标都需要一个基类和对应每个图标的类。把下面的代码放在任何地方都可以正常使用。注意,为了设置正确的内补(padding),务必在图标和文本之间添加一个空格。 不要和其他组件混合使...
想做做一个table, 这个table里面有固定的行和列,可以用华标拖动。 比如 下面是一个 6行5列的表,如果有一个3行3列的局部视窗,在拖动划标的时候,要求里面的东东都是固定的,而里面的数值是要变的。 想问问,有什么办法做呢,最好用 bootstrap, 谢谢了 固定的固定的固定的固定的固定的固定的滑动的滑动的滑动的滑动的固定的滑动的滑动的滑动的滑动的固定的滑动的滑动的滑动的滑动的固定的滑动的滑动的滑动的滑...
上一篇:《JavaScript“并非”一切皆对象》 作者:myvin 写在前面的前面 如标题所示,写在前面的前面,所以这些必然是一些废话,欲直接看有些营养的,可以点击这个锚点直接跳过这些废话。 猛然一看,发现自己已经两个星期都没有更新博客了。我只是去出差去出差去出差去出差了,一直出差到现在,还在出差。 出差不可怕,可怕的是我竟然食物中毒了。来,笑一个~.~ 依然清晰地记得那晚,外面的空气依然夹杂着些许温热,天上...
置顶文章:《纯CSS打造银色MacBook Air(完整版)》 上一篇:《拥Bootstrap入怀??导航栏篇》 作者:myvin 写在前面 在该博文中,我依旧结合自己做的那个山水网页来聊一下Bootstrap的使用,网页截图如下: 完整网页的效果和代码可以点击这里查看或者到CodePen上查看。我们再在这里重复一下这个网页要达到的几个主要效果,看过上一篇博文的帅哥美女们可以直接跳过这一段了: 导航栏的登陆、注册按钮点击后弹出登陆、注...
TiTatoggle是个什么鬼? TiTatoggle其实是一款基于Bootstrap3的纯CSS滑动开关按钮组件。 不同于其他按钮组件,TiTatoggle滑动按钮组件没有使用Javascript,在这个组件中,它的HTML结构和原生的Bootstrap checkbox组件结构基本相同,方便易用,且提供了多种主题样式:IOS样式和Material样式等。下面我们就来看看TiTatoggle的安装和使用方法。 1、安装 TiTatoggle这么方便易用,那怎么安装呢?其实它可以通过Bower来安装: $...
把任意一个按钮放入 .btn-group 中,然后加入适当的菜单标签,就可以让按钮作为菜单的触发器了。 简单的实现如下 Action Action Another action Something else here Separated link 效果 就是之前说的button然后右边加了个小三角,至于button的颜色,和button的样式属性是一样的,大家可以在光放文档中找到,但让这样的按钮是点击了之后才会显示下拉菜单的,但是当制作网页的...
最近一直很多事情,博客停下来好久没写了,整理下思路,把最近研究的基于Metronic的Bootstrap开发框架进行经验的总结出来和大家分享下,同时也记录自己对Bootstrap开发的学习研究的点点滴滴,希望在开一个《基于MVC4+EasyUI的Web开发框架经验总结》的系列文章,逐步介绍这个响应式框架的点点滴滴。 Bootstrap是一个前端的技术框架,很多平台都可以采用,JAVA/PHP/.NET都可以用来做前端界面,整合JQuery可以实现非常丰富的界面效果...
今天发现bootstrap和easyui的css类重复用了一个很笨的办法解决了,这种小事网上都不好搜啊。 我先引用的bootstrap后引用的easy UI,bootstrap的会被覆盖,boot的样式不正常就是难看了点,easy UI的有问题页面就直接不能看了,所以还的easy UI放后面,我又增加了个人mybootstrap.css,吧bootstrap被覆盖的重命名复制过去就互不冲突了。 比如:吧所有的panel替换成b-panel存到mybootstrap.css,引用的时候用b-panel
写在前面在该博文中,依旧结合自己做的那个山水网页来聊一下Bootstrap的使用,网页截图如下:完整网页的效果和代码可以点击这里查看或者到CodePen上查看。我们再在这里重复一下这个网页要达到的几个主要效果,看过上一篇博文《拥Bootstrap入怀??tab标签页篇》的同学可以直接跳过这一段了:导航栏的登陆、注册按钮点击后弹出登陆、注册modal框,并且登陆、注册窗口可切换,菜单栏为响应式,博主myvin的其他信息弹出信息模态框导航栏...
Bootstrap三大核心内容的基础,即基础的CSS 布局语法。其包括基础排版(Typography)、代码(Code)、表 格(Tables)、表单(Forms)、按钮(Buttons)、图片 (Images)、辅助类(Helper Classes)和响应式设计 (Responsive utilities)。 本节目录: 概述 基础排版 代码 表格 表单 按钮 图像 辅助样式 概述 HTML5文档类型 由于Bootstrap使用了HTML5特定的HTML元素和CSS属性,所 以使用Bootstr...
做过前端开发的小伙伴们应该对Bootstrap不会陌生,它是由Twitter推出的开源CSS框架,其中包含了很多Web前端开发的工具包和应用组件。当然,和jQuery一样,Bootstrap同时也是一个开放式的CSS框架,基于Bootstrap,我们也可以做许多不错的CSS UI组件。本文就介绍了8个强大的基于Bootstrap的CSS框架,一起来看看。 1、Bootstrap Metro Dashboard ? 基于Bootstrap的后台管理面板 这是一款基于Bootstrap的Metro风格的后台管理面板应...
如题 ,在模态中添加了比较多的内容,打开模态框后,会自动添加滚动条,但是在模态框操作提交 验证的时候,验证未通过需要提示提示信息,在提示信息窗口关闭后,页面的滚动条消失了,导致模态框的内容被吃掉一部分。如图: 这是滚动条未消失之前:滚动条还在 弹出的这个提示框:滚动条也还在, 但是关闭提示框后,滚动条就消失了,导致模态框中的内容被吃掉一部分 回复讨论(解决方案) 各位大神,请...
这里记录下某段时间Bootstrap的零散碎片。 1、有关Bootstrap的参考网站: ● 官方:http://getbootstrap.com/● 主题:http://bootswatch.com/● Font-Awsome: http://fortawesome.github.io/Font-Awesome/● 幻灯片:lokeshdhakar.com/projects/lightbox2/● 幻灯片:ashleydw.github.io/lightbox/● 表格字段排序:http://tablesorter.com/docs/● scss:http://www.sass-lang.com/● less: http://winless.org/● g...
在所有我看到过的基于Bootstrap的网站模版中,Metronic是我认为最优秀的,其外观之友好、功能之全面让人惊叹。Metronic 是一个自适应的HTML模版,提供后台管理模版和前端内容网页模版两种风格。 Metronic 的特点 Metronic 有非常令人惊喜的功能和设计,可以满足你不同的需求。 其主要特点包括: HTML5 和 CSS3 自适应,基于响应式 Twitter Bootstrap 3.3 框架,同时面向桌面电脑、平板、手机等终端。 整合...
在学习bootstrap中的下拉菜单时,遇到下面情况: 下拉菜单 … 添加ul的类名为pull-right或dropdown-menu-right,可以改变下拉菜单的对其方向,效果图为: 默认样式为: 下面贴上:.pull-right的css代码 .dropdown-menu.pull-right { right: 0; left: auto;}.dropdown-menu-right { right: 0; left: auto;} 但还需要设置父元素div的样式为float:left!!! 原因: di...