c# - 最小化窗口时 Bootstrap 文本框宽度和对齐方式发生变化

Question

我的 .cshtml 文件中有以下代码，

<div class="input-group col-lg-2 navbar-right" style="margin-top: 7px">
    <input type="text" class="form-control" placeholder="Search..." id="searchText" name="searchText" />
        <span class="input-group-btn">
            <button class="btn btn-default" type="submit" id="btnSearch" onclick="submit()">
                <i class="fa fa-search"></i>
            </button>
       </span>
</div>

当我最小化窗口时，文本框出现在其他控件的顶部，文本框的宽度也会改变。

我尝试了下面的 css 但它不起作用，

<style type="text/css">
    .form-control {
        width: auto;
        position: absolute;
    }
</style>

知道我在这里做错了什么吗？

Answer 1

你试过去掉position: absolute 和set width:100%;