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标签图标

按钮对齐bootstrap

2 个答案: