Bootstrap 3选项卡不使用Razor中的URL.Action应用a href
。
在Bootstrap 3中，选项卡通常使用<a href>标签来实现切换不同的内容。而在Razor中，可以使用URL.Action方法来生成URL，以便在<a href>中使用。
然而，如果不使用Razor中的URL.Action，我们仍然可以手动编写URL，并将其应用于<a href>标签中。以下是一个示例：
<ul class="nav nav-tabs">
<li class="active"><a href="#tab1" data-toggle="tab">Tab 1</a></li>
<li><a href="#tab2" data-toggle="tab">Tab 2</a></li>
<li><a href="#tab3" data-toggle="tab">Tab 3</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="tab1">
<h3>Tab 1 Content</h3>
<p>This is the content of Tab 1.</p>
</div>
<div class="tab-pane" id="tab2">
<h3>Tab 2 Content</h3>
<p>This is the content of Tab 2.</p>
</div>
<div class="tab-pane" id="tab3">
<h3>Tab 3 Content</h3>
<p>This is the content of Tab 3.</p>
</div>
</div>在上面的示例中，我们使用了<a href>标签来定义选项卡的链接，并使用data-toggle="tab"属性来指示切换选项卡的行为。每个选项卡内容都被包裹在<div class="tab-pane">中，并通过id属性进行标识。
这样，当用户点击选项卡链接时，Bootstrap会根据href属性的值来切换显示相应的选项卡内容。
推荐的腾讯云相关产品和产品介绍链接地址：
相关·内容
我的剃刀里有一些标签：<ul class="nav nav-tabs"> <a href='@Url.Action("ViewSongAmendments", "SongManageme
浏览 9提问于2018-09-10得票数 0
回答已采纳
3回答
在ASP.NET的文档中，MVC说当在视图中有一个链接时，你应该这样做。这样做的好处是什么？
<a href="/SubPage">Subpage<
浏览 0提问于2012-02-23得票数 14
回答已采纳
1回答
当用户单击超链接文本时，我希望重定向到应用程序中的另一个视图。我写的代码如下： <p class="mb-0">
<a href="~/Views/Account/ApprovalValidation.cshtml">I want to check approval以下是代码的图片： ?
浏览 23提问于2021-10-30得票数 3
回答已采纳
1回答
我是Blazor的新手。我的AdminLayout.razor文件似乎没有渲染任何组件。DOCTYPE html><head> <link href="/lib/twitter-bootstrap/css/bootstrap.min.css="Server" />
浏览 19提问于2020-11-02得票数 0
回答已采纳
10回答
我尝试在新的选项卡中打开我的链接(它必须是razor格式)：
<a href="@Url.Action("RunReport", "Performance", new { reportView"_blank" })" type="submit" id="runReport" class="button Secondary&quo
浏览 14提问于2012-06-01得票数 76
回答已采纳
我在我的asp.net mvc web应用程序中使用Jquery选项卡。 <div id="tabs" style="clear: both" align="center">
<ul>App",new {id=3,data
浏览 1提问于2013-11-08得票数 3
回答已采纳
16回答
我知道这是不正确的，但为了说明起见，我想这样做：我的目标是制作一个HTML按钮，它将调用我的MVC控制器的操作方法
浏览 110提问于2010-03-24得票数 227
回答已采纳
是否可以使标签中的文本与类"btn btn-default“与背景图像匹配？我在Razor中使用Bootstrap 3.3.7。下面是所讨论的代码：我想让按钮的</em
浏览 4提问于2017-08-15得票数 0
如何使用title中的html标签使用this - html.RouteLink创建链接？结果是，我会看到类似这样的结果：
<a class="" href="#"><div class="someclass">1</div><div class="someotherclass"></div
浏览 2提问于2011-05-20得票数 3
回答已采纳
我有一个C#.Net web应用程序，路径与本地机器到开发机器的路径不同。我的本地url是。然而，在开发服务器上，它是]。因此，这会导致样式表和导航链接等问题。我知道我可以获取所有控制器中的ApplicationPath，并设置一个变量，供路径元素使用。但对于这个问题来说，这似乎太多了。对如何解决这个问题有什么想法吗？是否可以在_Layout.cshhml文件中获取ApplicaionPath？有没有更好的主意？
浏览 0提问于2011-11-18得票数 0
回答已采纳
2回答
向URL添加2个值
、、、
在我的AvailabilityController中，当单击“Next”时，我希望使用actionLink向URL添加2个值
<a href='<%: Url.Action("Index", "Availability
浏览 3提问于2013-09-03得票数 0
回答已采纳
1回答
一位同事是MVC的新手，他使用ajax调用处理所有的数据填充和单击操作。我知道这不是MVC应该如何设置的，但这就是我所坚持的。我只是想尽我所能解决这个问题。无论如何，在ajax转到的方法中，我需要将用户重定向到一个新页面。我该怎么做？
我尝试了Response.Redirect，但我得到一个错误，说它不存在。我试图添加一个using类，但无法正常工作。我找到了System.Diagnostics.Process.Start，但它在一个新的浏览器选项卡<
浏览 0提问于2017-01-25得票数 0
我正在使用mvc3和razor，我有一个用来注销用户的按钮，我使用下面的代码共享/_layout.cshtml <div class="button"><a hrefdiv>Logout</a></div> $("#Logout").bind("
浏览 4提问于2013-08-10得票数 0
*的Razor中使用超链接
<a href=@Url.Action("ActionName","ControllerName")> Test </a><a h
浏览 1提问于2015-05-31得票数 0
回答已采纳
1回答
我有一个使用Bootstrap的MVC Razor项目，其中：
如果选择了Media，那么它将链接到\media\create\id
导航标签的</em
浏览 3提问于2016-08-22得票数 2
回答已采纳
3回答
我正在做一个网络项目在Blazor，我想添加一个特定的WebAssembly文件到我的.razor文件之一，但我根本不知道怎么做。 该项目如下所示。 ? 谁知道我如何为ListProducts.razor添加一个CSS？
浏览 37提问于2021-07-13得票数 0
回答已采纳
我使用MVC3 Razor并有一个链接我写了HtmlHelper
public static MvcHtmlString MyHelper(this HtmlHelper helper, string name, string h
浏览 4提问于2013-11-06得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
