Bootstrap3 订制页面 加载已有配置 JS

最近在定义bootstrap 页面的时候 ,  在订制一版本以后想更新的版本  可是须要看之前的conig.json 一一设置 感受很是麻烦  因而就看了一下他的页面结构  专门写了一个JS 用于加载上一版本的配置 而后在此基础之上订制新的版本 css

var config = {
		  "vars": {
			    "@font-size-base": "13px",
			    "@grid-gutter-width": "10px",
			    "@padding-base-vertical": "4px",
			    "@alert-padding": "8px",
			    "@navbar-height": "43px",
			    "@nav-link-padding": "5px 8px",
			    "@table-cell-padding": "5px",
			    "@table-condensed-cell-padding": "2px",
			    "@modal-inner-padding": "10px",
			    "@modal-title-padding": "8px"
			  },
			  "css": [
			    "print.less",
			    "type.less",
			    "code.less",
			    "grid.less",
			    "tables.less",
			    "forms.less",
			    "buttons.less",
			    "glyphicons.less",
			    "button-groups.less",
			    "input-groups.less",
			    "navs.less",
			    "navbar.less",
			    "breadcrumbs.less",
			    "pagination.less",
			    "pager.less",
			    "labels.less",
			    "badges.less",
			    "jumbotron.less",
			    "thumbnails.less",
			    "alerts.less",
			    "progress-bars.less",
			    "media.less",
			    "list-group.less",
			    "panels.less",
			    "wells.less",
			    "close.less",
			    "dropdowns.less",
			    "tooltip.less",
			    "popovers.less",
			    "modals.less",
			    "carousel.less",
			    "utilities.less",
			    "responsive-utilities.less",
			    "component-animations.less"
			  ],
			  "js": [
			    "alert.js",
			    "button.js",
			    "carousel.js",
			    "dropdown.js",
			    "modal.js",
			    "tooltip.js",
			    "popover.js",
			    "tab.js",
			    "affix.js",
			    "collapse.js",
			    "scrollspy.js",
			    "transition.js"
			  ]
			};
var vars = config.vars;
var csses = config.css;
var jses = config.js;
for ( var key in vars) {
	var value = vars[key];
	$("input[data-var='"+key+"']").val(value);
}
for ( var key in csses) {
	$("input[value='"+csses[key]+"']").get(0).checked = true;
}
for ( var key in jses) {
	console.log($("input[value='"+jses[key]+"']"));
	$("input[value='"+jses[key]+"']").get(0).checked = true;
}
$().attr('checked','checked') 未生效 不知道是什么缘由 替换本身的config 就好了  省了 很多事。
相关文章
相关标签/搜索