0

HTML と BOOTSTRAP のちょっとした問題について助けてほしいです。

2 つのラジオ ボタンを並べて配置したいのですが、うまくいきません。

これが私のコードです:

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

何か提案があれば...

エール。

4

2 に答える 2

0

これをコードペンでフォークできますhttp://codepen.io/CarraraWebsiteSolutions/pen/glxiyそれがあなたが意味するものかどうかわからないため、bootstratp 3を使用しますbootstrap 3をマークアップしますスタイルシートはhtmlタグにリンクされていますアイコン

于 2013-10-14T16:20:37.267 に答える
0

ブートストラップに radio-inline があるかどうかはわかりませんが、もしあれば、両方の要素がradio-inline1 つだけでなく class を持つことになります。

それ以外の場合は、クラスを指定してから、そのクラスdisplay:inline-block;で機能する必要があります。

于 2013-10-14T15:59:28.963 に答える