Question

我的导航栏中有这些bootstrap 3.x按钮，我喜欢他们这样做时的样子：

＆＃13;

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<ul class="nav navbar-nav navbar-right">
            <li><button class="btn btn-sm navbar-link navbar-btn btn-primary"  asp-area="" asp-controller="Account" asp-action="Register">Register</button></li>
            <li><button class="btn btn-sm navbar-link navbar-btn btn-primary"  asp-area="" asp-controller="Account" asp-action="Login">Log in</button></li>
        </ul>

＆＃13;

但问题是他们没有把我带到我需要的道路上：

丑陋但功能强大

＆＃13;

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<ul class="nav navbar-nav navbar-right">
        <li><a class="btn btn-sm navbar-link navbar-btn btn-primary" asp-area="" asp-controller="Account" asp-action="Register">Register</a></li>
        <li><a class="btn btn-sm navbar-link navbar-btn btn-primary" asp-area="" asp-controller="Account" asp-action="Login">Log in</a></li>
    </ul>

＆＃13;

我尝试用一种形式包装两种形式，这有点起作用。它看起来像预期的那样，但是一旦打开就会提交页面（在我的网页上有效地提交一个空表格）

编辑：我只是在.css中跑来跑去，让它看起来像我需要的锚点。感谢绅士的努力。

Answer 1

asp-area，asp-controller和asp-action是锚标记助手，它们不会在按钮标记中产生相同的输出，因为它们专门用于标记。要使按钮以相同的方式工作，您需要添加以下内容：

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<ul class="nav navbar-nav navbar-right">
            <li><button class="btn btn-sm navbar-link navbar-btn btn-primary" onclick = "window.open('Account/Register')">Register</button></li>
            <li><button class="btn btn-sm navbar-link navbar-btn btn-primary" onclick="window.open('Account/Login')">Log in</button></li>
        </ul>

或根据@Jeff Matthews的建议，您可以添加javascript，

addEventListener("click", () => {your code to redirect;});

指向按钮元素。EventListner MDN doc。

如何使我的引导按钮看起来像我想要的但仍然起作用？

1 个答案: