C# 桌面和移动设备的样式视图不同| asp.net core 2 mvc5

因此，我一直在用MVC5在asp.net core 2中开发c#/razor web应用程序，并与之相处得很好，但现在我需要创建一个能够响应设计的新网站

我只需要根据用户所在的设备更改视图及其css。我已经在使用bootstrap了，它已经完成了部分工作，但我只想改变我的观点

我已经看过很多turtorials了，但是它们都不在asp.NETCore2中，并且使用BundleConfigures等。我还没有找到适合我的框架和版本的教程或模板

这完全是我在寻找的东西，只是伪代码：这应该是完整视图的一个示例。所以显然不是每个按钮都有if-else

if(device==mobile){
<a class="btn btn-sm">Link</a>
}
else{
<a class="btn btn-lg">Link</a>
}

if（设备==移动设备）{
链接
}
否则{
链接
}

---

我知道这不是stackoverflow的完美问题，因为我只是想寻求帮助，我很抱歉，但我只是想寻求一些小的帮助或链接的turtorial之类的东西。

Bootstrap的关键在于它完全专注于响应性设计，并在某些断点处使用媒体查询（屏幕宽度；xtra大屏幕/xl和大屏幕/lg显示屏（例如，带有全宽浏览器的27英寸Apple Thunderbolt）、中屏幕/md（13英寸笔记本电脑窗口）、小屏幕/sm（ipad）和xtra小屏幕/xs（iphone）

因此，绝对不需要在cshtml中使用if/else结构，决不。您可以使用所有这些响应类来配置布局，这些类带有诸如：-xl、-lg、-md、-sm和-xs之类的后缀，而引导（媒体查询）则根据页面显示的窗口大小为您完成其余部分

例如，您可以这样做：

<a class="btn btn-sm d-sm-none">Link</a>
<a class="btn btn-lg d-none d-sm-inline-block">Link</a>

因此，无需在cshtml中使用繁琐的if/else结构。
Bootstrap的关键在于，它完全专注于响应性设计，并在某些断点处使用媒体查询（屏幕宽度；xtra large/xl和large/lg显示（例如，27英寸Apple Thunderbolt，全宽浏览器）、中/md（13英寸）笔记本电脑窗口）、small/sm（ipad）和xtra small/xs（iphone）

因此，绝对不需要在cshtml中使用if/else结构，决不。您可以使用所有这些响应类来配置布局，这些类带有诸如：-xl、-lg、-md、-sm和-xs之类的后缀，而引导（媒体查询）则根据页面显示的窗口大小为您完成其余部分

例如，您可以这样做：

<a class="btn btn-sm d-sm-none">Link</a>
<a class="btn btn-lg d-none d-sm-inline-block">Link</a>


所以在你的cshtml中不需要繁琐的if/else结构。
你需要学习引导…引导不需要你写
if-else
@ChetanRanpariya-haah显然我知道。我非常熟悉引导，但我只是想让我的cshtml文件包含这样的东西if-else我在我的例子中展示了。if-else的意思是完全视图。所以选项1是移动视图，选项2是桌面视图。我认为这个问题非常适合这样的平台。没问题。请检查我的答案，让你找到正确的方向。@Bernoulit哪一个？哦，在那个平台上做很难吗？平台=堆栈覆盖低；）你需要学习bootstrap…bootstrap不需要你写
if-else
@ChetanRanpariya哈哈是的，很明显我知道。我非常熟悉bootstrap，但我只是想让我的cshtml文件包含一些类似于我在示例中展示的if-else的东西。if-else的意思是全视图。所以选项1是移动视图，选项2是桌面视图。我认为这个问题非常适合这样的平台。没问题。请检查我的答案，让您找到正确的方向。@Bernoulli哪一个？哦，在那个平台上很难做到吗？平台=堆栈溢出；）哦，是的，这是有道理的。但有一个问题…我希望视图不同。在移动设备上，我希望底部的导航栏像ex.whatsapp一样。哦，我刚刚意识到你在那里发布了什么，它做了什么哈哈。所以我可以举个例子，如果移动设备正确的话，我可以在底部添加css样式来定位一个吗？当然，这可以通过引导实现。只是ap为要显示（或隐藏）的元素添加正确的类在移动设备上和其他设备上显示的元素。哦，是的，这是有道理的。但有一个问题…我希望视图不同。在移动设备上，我希望底部的导航栏像ex.whatsapp一样。哦，我刚刚意识到你在那里发布的内容和它的作用。哈哈。那么，我是否可以添加css样式，以便在底部放置一个对吗？当然这在引导中是可能的。只需将正确的类应用于要在移动设备上显示（或隐藏）的元素和要在其他设备上显示的元素。