我有一个电影教程的工作示例。开始使用ASP.NET核心MVC

我添加了功能，现在有2个下拉框（过滤器）和一个搜索字符串框。我不知道如何使我的显示器使这3个搜索框均匀地分布在输出视图的顶部（见下图）

出于编辑的目的（因为我不知道我在做什么），我创建了一个并在

~Views\Shared\_My_Layout.cshtml

我已经测试过了，它有效。所以我的所有实验都是使用这个文件完成的，而不是在VS 2019中关闭的默认文件。

注意：我注意到path/url ref和Windows路径之间的/\冲突。但是只能在中使用正斜杠。此外，我在文件中做了一个修饰性的更改，并更改了输出，所以我相信这是有效的。

我正在编辑，但可以看到“all”和“title”标签（见下图）来自

但是，我可以看到下面的代码主要负责浏览器的显示:

~Views\Shared\_My_Layout.cshtml

这是从我的原始文件复制的，因为我正在试验的文件开始看起来很糟糕。

我研究了Navbar文档（getbootstrap.com）并尝试了许多实验性编辑，但没有取得任何突破。我尝试了对代码行的各种更改。根据文档将参数更改为targe和aria控件。

我已经谷歌了，找不到任何接近我的例子。大多数是web页面，而不是web应用程序输出。

有人知道有什么解决方案或文档会有所帮助吗？

[问题编辑]

我的开发工具输出。 [

我很确定上面的代码(_my_layout.cshtml)是相关的部分。这些行引用bootstrap。bootstrap Navbar form-inline，但是在我的示例中找不到任何有关如何使用它的指南。

我已经下载了最新的bootstrap 5.02，并在布局中引用了它。我还打算看一下引导网格的编辑，因为我感觉应用程序上的按钮/字段宽度是由预先设置的列参数格式化的。只是一种预感。

***彻底转变思维*** 我已经从_my_layout中编辑掉了所有冗余代码，并测试了每一行。结论是，'@renderbody()'是唯一与数据库表输出/显示相关的语句。因此，只能从视图索引中更改表输出、显示和筛选框。问题是如何在保留功能的同时做到这一点？

~Views\Shared\_My_Layout.cshtml

使用以下代码成功回答了此问题。我将显示代码封装在一个容器中，并保留了asp输入类型。“隐藏”输入类型是必需的，否则我会在过滤框旁边得到幻影链接，使它们与列边界不一致。感谢Zhi的输入。

~Views\Shared\_My_Layout.cshtml

顺晟科技：

我已经添加了功能，现在有2个下拉框（筛选器）和 搜索字符串框。我不知道如何让我的显示器有 这3个搜索框均匀地分布在输出视图的顶部 （见下图）

对于筛选器控件，它应该在索引视图页中，而不是在layout.cshtml页中。

若要在视图中均匀地显示筛选器控件，可以引用以下代码:

~Views\Shared\_My_Layout.cshtml

结果如下: