如何在Bootstrap导航栏

时间:2017-07-31 15:10:04

标签: html css twitter-bootstrap

我在使用CSS调整Bootstrap中的搜索建议列表框时遇到问题。

我在Bootstrap导航栏中使用输入(搜索)字段。但是在调整输入(搜索)字段下面的搜索建议框时,我遇到了困难。

示例图片:

enter image description here

搜索建议字段的宽度应为Submit按钮。

到目前为止我已经尝试过了:

HTML

<form class="navbar-form navbar-left searchBox">
    <div class="form-group">
        <input type="text" class="form-control" placeholder="Search">
    </div>
    <button type="submit" class="btn btn-default">Submit</button>
    <ul class="list-group">
        <li class="list-group-item">Raisa Hasan</li>
        <li class="list-group-item">Obaidul Islam</li>
    </ul>
</form>

CSS

.searchBox .list-group{
    z-index: 1;
    position: absolute;
}

1 个答案:

答案 0 :(得分:1)

试试这个CSS

利用declare @result1 varchar(15) = '1'; begin execute AddNewMaterialType4 @category = 'Beef', @materialtYPE = '25 Trim', @userID = 'JJ', @result1 = @result1; print @result1; end; 财产

CSS

section#home {
   height:400px;
}

相应的风格

link for reference