I have trying to load a menu using bulma.css instead of bootstrap. I have taken bootstrap off the site.
This localhost page can’t be found
No webpage was found for the web address: https://localhost:44391/
<div id="error-information-popup-container" style="color: #5f6368; font-family: 'Segoe UI', Tahoma, sans-serif; font-size: 15px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: #ffffff; text-decoration-style: initial; text-decoration-color: initial;" jstcache="0"> <div id="error-information-popup" jstcache="0"> <div id="error-information-popup-box" jstcache="0"> <div id="error-information-popup-content" jstcache="0"> <div class="error-code" style="color: var(--error-code-color); font-size: 0.8em; text-transform: uppercase; margin-top: 12px; display: block;" jstcache="18" jscontent="errorCode">HTTP ERROR 404</div> </div> </div> </div> </div>Below is the layout menu;
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>@ViewData["Title"] - Bumples</title>
<environment include="Development">
.
<link rel="~/lib/bulma-0.8.0/css/bulma.css" rel="stylesheet" />
<link rel="stylesheet" href="~/css/site.css" />
</environment>
<environment exclude="Production">
<link rel="~/lib/bulma-0.8.0/css/bulma.css" rel="stylesheet" />
<link rel="stylesheet" href="~/css/min.css" asp-append-version="true" />
</environment>
</head>
<body>
<section class="hero is-fullheight has-background-black">
<div class="hero-body">
</div>
</section>
<section class="section" ">
<div class="Container">
<h2 "Title">
Hellp jen
</h2>
</div>
</section>
<div class="container">
<main role="main" class="pb-3">
@RenderBody()
</main>
</div>
<footer class="border-top footer text-muted">
<div class="container">
© 2020 - WebApplication1 - <a asp-area="" asp-page="/Privacy">Privacy</a>
</div>
</footer>
<script src="~/lib/jquery/dist/jquery.min.js"></script>
@RenderSection("Scripts", required: false)
</body>
Thanks Jen
The startup is below:
using Bumples.Models;
using Microsoft.AspNetCore.Builder;
using Microsoft.AspNetCore.Hosting;
using Microsoft.AspNetCore.Identity;
using Microsoft.EntityFrameworkCore;
using Microsoft.Extensions.Configuration;
using Microsoft.Extensions.DependencyInjection;
using Microsoft.Extensions.Hosting;
namespace Bumples
{
public class Startup
{
private readonly IConfiguration Configuration;
public Startup(IConfiguration configuration)
{
Configuration = configuration;
}
public void ConfigureServices(IServiceCollection services)
{
//Add Connection Middleware
services.AddDbContext<ApplicationDbContext>(
options => options.UseSqlServer(this.Configuration.GetConnectionString("DefaultConnection")));
services.AddDefaultIdentity<IdentityUser>()
.AddEntityFrameworkStores<ApplicationDbContext>();
//Add MVC Middleware
services.AddControllersWithViews();
services.AddRazorPages();
}
public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
{
if (env.IsDevelopment())
{
app.UseDeveloperExceptionPage();
}
else
{
app.UseExceptionHandler("/Error");
// The default HSTS value is 30 days. You may want to change this for production scenarios, see https://aka.ms/aspnetcore-hsts.
app.UseHsts();
}
app.UseHttpsRedirection();
app.UseStaticFiles();
app.UseRouting();
app.UseAuthorization();
app.UseEndpoints(endpoints =>
{
endpoints.MapRazorPages();
});
}
}
}
</html>