Question

我正在使用Bootstrap创建一个站点。我有一个标题，其中包含网站标识，然后我想在容器右侧有一个搜索栏，在标题中垂直对齐。我的第二个标题然后我的链接导航在容器中伸展。

我在添加搜索栏时遇到问题，我尝试将其添加到ul并向右拉，但它只是低于我的徽标和全宽。

这是一个bootsnip

我用于搜索的标记是

<div class="input-group">
<input type="text" class="form-control" placeholder="Search">
                    <span class="input-group-btn">
                        <button class="btn btn-info" type="button">
                            <i class="glyphicon glyphicon-search"></i>
                        </button>
                    </span>
                </div>

Answer 1

您与Bootsnip的链接无法正常工作，因此我无法更深入地了解它。

尝试将搜索包装在表单标记内，如下所示（此代码来自getbootstrap.com）：

<form class="navbar-form navbar-right" role="search">
  <div class="form-group">
    <input type="text" class="form-control" placeholder="Search">
  </div>
  <button type="submit" class="btn btn-default">Submit</button>
</form>

Answer 2

尝试在public class Folder { public static void CreateFolder() { string path = Environment.GetFolderPath(Environment.SpecialFolder.Desktop); //Gets desktop folder if(System.IO.Directory.Exists(path)) { System.IO.Directory.CreateDirectory(path); } } }元素中包围您的表单，然后将form类添加到其中。

使用Bootstrap将搜索栏放在导航中

2 个答案: