按钮align bootstrap

Question

我想要一些关于我的HTML和引导的小问题的帮助。

我想并排对齐两个单选按钮，但它不起作用。

下面是我的代码：

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

但是我还没有得到想要的结果。

我想做一件这样的事情：

如果你有任何建议...

麦酒。

Answer 1

我不确定bootstrap是否有一个无线内联，但如果有，两个元素都会有类radio-inline，而不是只有一个。

否则，给它一个类，然后在那个类中有display:inline-block;，它应该可以工作。

Answer 2

你可以把这个分叉给你，它在代码笔http://codepen.io/CarraraWebsiteSolutions/pen/glxiy上，不确定你是不是在用bootstratp 3标记bootstrap 3样式表链接在html标签图标中