bootstrap问题，请问如何让栅格div水平居中

Question

div栅格是左对齐的，现在我想让一个col-md-11的div水平居中，请问应该怎么办？

PS：如果是偶数的话可以用左右各放一个空div的方法实现 如 1 10 1 但是奇数不行啊 。。。

Answer 1

不知道你这个问题是否已经解决, 如果还没有解决的话:

• 这个问题的回答你可以参考下: https://ask.csdn.net/questions/685217
• 你也可以参考下这篇文章：Bootstrap、CSS写自适应，如何解决高度、字体自适应问题
• 除此之外, 这篇博客: 用bootstrap实现一个简单的资源注册页面中的 注2：设置判断条件，满足条件时给一个 div 加入特定元素 部分也许能够解决你的问题, 你可以仔细阅读以下内容或者直接跳转源博客中阅读:
  

  将在 jsp 中写死的代码注释掉，改成在 js 中动态生成

  选择 $("#baseinfo-body") 元素进行 append。调用 append 方法的元素应该是待添加元素的上一层 div
  

  if(!data.result){
  	$("#baseinfo-body").append(
  			'<div class="form-group">'+
  			    '<label class="col-sm-2 control-label">'+LinkConfig_I18N.link_resource_group+'&nbsp;<span style="color:red">*</span></label>'+
  			    '<div class="col-sm-7" id="menu-content">'+
  			        '<input class="form-control" id="resGroup-input" style="cursor:pointer;" readonly="readonly">'+
  		        '</div>'+
  	         '</div>'
  			);
  	  // 如果不写在这里(原本写在最上面页面初始化的代码中了)，会导致进不到click事件中
  	  // 因为在页面初始化时还没有生成resGroup-input这个元素
  	  $('#resGroup-input').click(function() {
  	　    	   if(checkIndex == 0){
  	　    		    initGroupTree();
  	　    	   }
  	　    	   else if(checkIndex == 1){
  	　    		   showMenu();
  	　    	   }
  	　    	   else{
  	　    		   hideMenu();
  	　    	   }
  　       });
      displayGroupSelsct = true;
  }
  else{
  	displayGroupSelsct = false;
  }
  

如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^