Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/389.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 引导文本中心在按钮上不起作用_Javascript_Html_Css_Twitter Bootstrap - Fatal编程技术网

Javascript 引导文本中心在按钮上不起作用

Javascript 引导文本中心在按钮上不起作用,javascript,html,css,twitter-bootstrap,Javascript,Html,Css,Twitter Bootstrap,所以我已经尝试在引导程序中将这两个按钮居中一段时间了。我发现已经有一个名为“文本中心”的引导css类,所以我尝试使用它,但不幸的是,无论我在哪里使用它,它都不会改变任何东西 提交 重置 一旦包含引导css文件,您的代码片段就会工作(见下文)。您可能有其他代码影响页面的此部分-请尝试检查浏览器控制台以查看哪些样式覆盖了您的预期样式 如果不想使用col-sm-12,还需要使用偏移值来“居中”col-sm-10 提交 重置 使用。中心块类它是在引导框架中使元素居中的最佳方法 <div c

所以我已经尝试在引导程序中将这两个按钮居中一段时间了。我发现已经有一个名为“文本中心”的引导css类,所以我尝试使用它,但不幸的是,无论我在哪里使用它,它都不会改变任何东西


提交
重置

一旦包含引导css文件,您的代码片段就会工作(见下文)。您可能有其他代码影响页面的此部分-请尝试检查浏览器控制台以查看哪些样式覆盖了您的预期样式

如果不想使用col-sm-12,还需要使用偏移值来“居中”col-sm-10


提交
重置

使用
。中心块
类它是在引导框架中使元素居中的最佳方法

<div class="form-group">
<div class="col-sm-10 center-block">
  <button type="submit" class="btn btn-default">Submit</button>
  <button type="reset" class="btn btn-default">Reset</button>
</div>
</div>

提交
重置

对我来说很好:对我来说很好,给我们看一个屏幕截图。@APAD1它们并没有完全居中。仍然在中心的左边是的,因为你把它们放在一个10列里面。如果你想让它们在浏览器中居中,那么你应该使用完整的12列。使用标签。因此,当我在IE或Chrome上单击“提交”按钮时,我注意到一个奇怪的反应。开始时,按钮太左,但单击后会移到中间,但是当你重新编译时会被重置回左边我无法在Chrome上复制它-你检查过你的浏览器控制台,看看是否还有其他东西影响这些元素吗?我不能流利地使用浏览器控制台,但我得到的唯一错误是doc.min.js中的一个名为ZeroClipboard的东西给了我一个404 not found错误。我在控制台中找不到任何错误,所以我决定只验证我的HTML代码,现在它可以正常工作了。谢谢。为什么在列之外有表单组?