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文本中心不在按鈕上工作

回答

相關問題