按鈕對齊引導

Question

我想對我的HTML和BOOTSTRAP的一些小問題提供一些幫助。

我想並排排列兩個單選按鈕，但它不起作用。

這裏是我的代碼：

<div class="form-group"> 
    <div class="col-xs-4 pr20"> 
     <h2 class="proxima-nova s18">Mode d'affichage : <h2> 
    </div> 
    <div class="col-xs-8 col-md-8"> 
     <span> 
      <label class="radio-inline"> 
       <input type="radio" name="envois" id="oui" value="oui" checked /> 
       <h2 class="proxima-nova s18">Factures à régler <h2> 
      </label> 
      <label> 
       <input type="radio" name="envois" id="non" value="non"/> 
       <h2 class="proxima-nova s18">Toutes mes factures <h2> 
      </label> 
     </span> 
    </div> 
</div> 

那你建議我？

如果你有一個建議...

啤酒。

哦，是我糾正錯誤索姆：

<!------">Mode d'affichage ..." text-------------------------------------------------------> 
         <div class="form-group"> 
          <div class="col-xs-4 pr20"> 
           <h2 class="proxima-nova s18">Mode d'affichage : </h2> 

          </div> 
          <div class="col-xs-8 col-md-8 " style="display:inline-block;"> 

           <span> 
            <label class="radio-inline"> 

             <input type="radio" name="envois" id="oui" value="oui" checked /> 
             <h2 class="proxima-nova s18">Factures à régler <h2> 
            </label> 

            <label class="radio-inline" style="display:inline-block;"> 

             <input type="radio" name="envois" id="non" value="non"/> 
             <h2 class="proxima-nova s18">Toutes mes factures <h2> 

            </label> 
           </span> 

          </div> 
         </div> 

但我還沒有得到想要的結果了。

我願意做這樣的事情：°FACTURES°TOUTES ...

如果你有什麼建議？

啤酒。

Answer 1

我不確定引導程序是否具有無線電內聯，但如果確實如此，那麼這兩個元素將具有類別radio-inline，而不僅僅是一個。

否則，給它一個類，然後在該類有display:inline-block;它應該工作。

Answer 2

您可以派生這個給你，其對碼筆http://codepen.io/CarraraWebsiteSolutions/pen/glxiy不知道什麼這是你的意思是它採用bootstratp 3標記引導3樣式表HTML標記圖標