3

我正在尝试使用 bootstrap class = "form-inline" 将几个控件对齐在一行中，但它似乎无法正常工作。我究竟做错了什么？

目前我在两行中得到结果。我希望它们显示在一行中

我正在使用的代码如下

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