Bootstrap文本中心不在按钮上工作

所以我一直试图将这两个按钮置于bootstrap中一段时间。我发现已经有一个名为“text-center”的引导CSS类，所以我试图使用它，但不幸的是，无论我在哪里使用它，它都不会改变任何内容。Bootstrap文本中心不在按钮上工作

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

的代码是一种形式，它是一个很好的，如果您需要任何详细信息，让我知道。谢谢

来源

2015-05-19 Mr. Bond

对我很好的工作：http://www.bootply.com/oxhokiXvSU – APAD1

工作对我来说，给我们看一个屏幕截图。 –

@ APAD1他们虽然不是很精确。仍然在中心左侧 – Steve

一旦你包含bootstrap css文件（见下文），你的代码片段就可以工作。您可能会有其他代码影响您网页的这一部分，请尝试检查您的浏览器控制台，以查看哪些样式正在覆盖您的预期样式。

另外你需要使用的偏移值，以 '中心' 您的COL-SM-10，如果你不希望使用COL-SM-12

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet"/> 
 
<div class="form-group"> 
 
        <div class="col-sm-10 col-sm-offset-1 text-center"> 
 
         <button type="submit" class="btn btn-default">Submit</button> 
 
         <button type="reset" class="btn btn-default">Reset</button> 
 
        </div> 
 
       </div>

来源

2015-05-19 15:48:03 AnnieMac

因此，当我在IE或Chrome上单击提交按钮时，我注意到一个奇怪的反应。从左侧开始按钮也是左侧的，但是一旦点击它们就会移动到中心位置，但重新编译时会重置为左侧 –

我无法在Chrome上复制它 - 您是否检查了浏览器控制台以查看是否有任何东西否则，如果影响这些元素？ – AnnieMac

我不能流利地使用浏览器控制台，但我得到的唯一错误是在doc.min.js nd给我一个404找不到错误，称为ZeroClipboard。 –

使用.center-block类它是将元素置于自举框架中的最佳方法

<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>

来源

2015-11-28 09:59:17

为什么你在列外有form-group？ – JoshYates1980

Bootstrap文本中心不在按钮上工作

回答

相关问题