最近在定义bootstrap 页面的时候 , 在订制一版本之后想更新的版本 但是需要看以前的conig.json 一一设置 感觉非常麻烦 于是就看了一下他的页面结构 专门写了一个JS 用于加载上一版本的配置 然后在此基础之上订制新的版本 var config = {
"vars": {
"@font-size-base": "13px",
"@gr
从2.x升级到3.0版本 Bootstrap 3并不向后兼容Bootstrap v2.x。下面章节列出的内容可以作为从v2.x升级到v3.0的通用指南。如果需要更多信息，可以查看更新记录这篇官方博文。 class的主要变化 表格中列出了v2.x 和 v3.0之间样式表的变更。 Bootstrap 2.x Bootstrap 3.0 .container-fluid .container .row-
1、升级后的bootstrap 3.0.2版本的 这次试验的是navbar-brand、navbar-collapse、navbar-toggle、navbar-header、navbar-text、navbar-btn 除了navbar-text、navbar-header新增的剩下的都是改名称的， 相对应的修改的名称： .brand .navbar-brand .nav-collapse .n
1、jumbotron相对应的2.3的版本是hero-unit 2、glyphicon-* 相对应的2.3版本是icon-* 用glyphicon-*的时候要注意写作方式，这个方式的必须在引用图标时候前面必须加个glyphicon 例如：<div class="glyphicon glyphicon-circle-arrow-right"></div> 3、实验代码： <!DOCTYPE htm
1、alert-danger： 2.3版本的alert-error 3.0版本alert-danger 新增的alert-link 其它几个没变。 2、实验代码： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD
响应式工具 通过使用这些工具class可以根据屏幕和不同的媒体查询显示或隐藏页面内容，加速针对移动设备的开发。 尝试使用这些class并避免创建同一个网站的不同版本，从而能够完善不同设备上的显示效果。响应式工具目前只是针对块级元素， 不支持inline元素和表格元素。 可用的class 通过单独或联合使用以下列出的class，可以针对不同屏幕尺寸隐藏或显示页面内容。 超小屏幕手机 (<768p
1、被修改的两个标签词： 2.3版 3.0版 .bar .progress-bar .bar-* .progress-bar-* 2、代码： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional
新增的img-responsive 3.2版本 3.0版本 .img-polaroid .img-thumbnail 响应式图片 通过添加.img-responsive class可以让Bootstrap 3中的图片对响应式布局的支持更友好。其实质是为图片赋予了max-width: 100%;和height: auto;属性，可以让图
1、相对应的版本 2.3版本 3.0版本 ul.unstyled .list-unstyled ul.inline .list-inline list-unstyled 无样式列表 移除了默认的list-style样式和左侧外边距的一组元素（只针对直接子元素）。这这是针对直接子元素，也就是说，你需要对所有嵌套的列表都添加此class才能具有同样的样式。 list-inline
1、和修改的版本对比 2.3版本 3.0版本 .muted .text-muted .text-error .text-danger 这些class通过颜色来表示强调。也可以应用于链接，当鼠标盘旋于链接上时，其颜色会变深，就像默认的链接样式。 2、实验代码： <!DOCTYPE html PUBLIC "-//W3C//DTD
2.3版本的 3.0版本 .table .error .table .danger 通过这些状态class可以为行货单元格设置颜色。 Class 描述 .active 鼠标悬停在行或单元格上时所设置的颜色 .success 标识成功或积极的动作 .warning 标识警告或需要用户注意 .danger 标识危险或潜在的带来负面影响的动作 实验
1、一些被修改的： 2.3版本的 3.0版本 .accordion .panel-group .accordion-group .panel .panel-default .accordion-heading .panel-heading .accordion-body .panel
Bootstrap 使用到的某些 HTML 元素和 CSS 属性需要将页面设置为 HTML5 文档类型。 1）如下开头html标签： <!DOCTYPE html>
<html lang="zh-CN">
...
</html> 2）Bootstrap3是按照移动设备优先设计的框架。为了确保适当的绘制和触屏缩放，需要添加viewport元数据标签： <meta na
代码和表格来自：http://www.tutorialrepublic.com/twitter-bootstrap-tutorial/bootstrap-grid-system.php 如果显示网格，代码应类似这样： <div class="container">
<div class="row">
<div class="col-md-4"><p>Box 1</p></d
文中代码和表格来自：http://www.tutorialrepublic.com/twitter-bootstrap-tutorial/bootstrap-tables.php 只需要在table标签上使用.table类，就可以使用bootstrap默认的表格样式 如果需要行背景有交替变化，可以这样设定： <table class="table table-striped"> 如果需要边框，可以
作者的GITHUB:https://github.com/mrlong/bootstrap3-validation.js,先感谢一下,很好用~ 作者的样式,当表单有类为:form-horizontal 时,必填项*号显示样式很奇怪~~ 作者垂直表单添加 * 源码如下: else if(fform_style==2){
$(obj).find('input, te
今天我在使用一些jquery 布局插件和 jquery ui 的时候 在使用resizeable 和 布局的时候 由于涉及到计算大小高度，结果就发现插件的计算总数出现偏差， 这里面采用的bootstrap是3.*版本，对了一段时间发现是bootstrap修改了盒子模型 * {
-webkit-box-sizing: border-box;
-moz-box-sizing: bord
转自：http://www.cnblogs.com/slark/p/mvc5-ef6-bs3-get-started-create.html 系列教程：MVC5 + EF6 + Bootstrap3 上一节：MVC5 + EF6 + Bootstrap3 (11) 排序、搜索、分页 下一节：MVC5 + EF6 + Bootstrap3 (13) 查看详情、编辑数据、删除数据 源码下载：点我下载
好久没有写博客了，是因为自己懒惰，也因琐事繁杂，觉得写东西太费时间。 最近时间稍微多了些，又想学点啥了，没办法不追求进步肯定会倒退。学习最好的办法之一就是记录下学习过程的心得体会了。 Unify是可以切换主题风格的。就从如何切换主题入手吧。 <i class="style-switcher-btn fa fa-cogs hidden-xs"></i> 此部分显示切换主题的图标。样式如下： i.st
bootstrap-fileinput是一款基于Bootstrap 3.x的HTML5文件上传插件。该文件上传插件带有预览图效果，可同时选择多个文件。该插件使用bootstrap CSS3样式来制作文件上传界面，美观大方。并且它提供了多国语言，你可以选择使用中文。 该文件上传插件比普通的文件上传插件功能更强大，它可以对图片、文本文件、HTML文件、视频文件、音频文件、flash文件生成预览图。另外
