3

bootstrap class = "form-inline" を使用していくつかのコントロールを 1 行に揃えようとしていますが、うまく機能していないようです。私は何を間違っていますか？

現在、2行で結果を取得しています.1行で表示したい

私が使用しているコードは以下の通りです

<div class="form-inline">
    <i class="icon-list-alt"></i>
    <label class="control-label">
        Please enter TB Id or TBR Id</label>
    <div class="form-search">
        <div class="input-append">
            <input id="inputValue" type="text" class="span2 search-query" />
            <div class="btn-group">
                <button class="btn dropdown-toggle" data-toggle="dropdown">
                    <span class="caret"></span>
                </button>
                <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu">
                    <li><a id="POA" tabindex="-1" href="#">1</a></li>
                    <li><a id="MOD" tabindex="-1" href="#">2</a></li>
                    <li><a id="LC" tabindex="-1" href="#">3</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>
4

1 に答える 1

1

このコードを確認してください。

<div class="form-inline">
    <i class="icon-list-alt"></i>
    <label class="control-label">
        Please enter TB Id or TBR Id</label>
    <span class="form-search">
        <div class="input-append">
            <input id="inputValue" type="text" class="span2 search-query" />
            <div class="btn-group">
                <button class="btn dropdown-toggle" data-toggle="dropdown">
                    <span class="caret"></span>
                </button>
                <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu">
                    <li><a id="POA" tabindex="-1" href="#">1</a></li>
                    <li><a id="MOD" tabindex="-1" href="#">2</a></li>
                    <li><a id="LC" tabindex="-1" href="#">3</a></li>
                </ul>
            </div>
        </div>
    </span>
</div>
于 2012-11-29T10:14:54.470 に答える