Как исправить проблему с домашней страницей в MVC 5, когда я добавляю тему bootsrap lumen? - PullRequest
Новая
       104

Как исправить проблему с домашней страницей в MVC 5, когда я добавляю тему bootsrap lumen?

1 голос
/ 20 ноября 2019

Пожалуйста, помогите с этим, так как я хочу настроить панель навигации и заменить имена по умолчанию, такие как приложение и индекс и т. Д., На мое приложение, домашнюю страницу и т. Д. image of a webpage after adding bootstrap lumen theme no nav bar and no proper content displayed Код страницы модели

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
namespace VidlyMovies.Models
{
public class Customers
{
public int Id  { get; set; }
public string Name { get; set; }
}
}

LayoutpageCode 

 @{
    ViewBag.Title = "Random";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<h2> @Model.Movies.Name</h2>

Код страницы контроллера 

namespace VidlyMovies.Controllers
{
public class MoviesController : Controller
{
// GET: Movies/Random 
public ActionResult Random()
{
 var movie = new Movies() {Name = "Avengers"};
 return View(movie);
}
}
}

1 Ответ

1 голос
/ 21 ноября 2019

ОК, если предположить, что это Bootstrap 3, и ваш css-пакет загружает его, можно использовать их пример здесь . Делая попытку интеграции вашего кода, я бы попробовал: 

<body>
  <nav class="navbar navbar-inverse navbar-fixed-top">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <!-- Wrap your banner, app name etc. in a link back to home page -->
            <a href="@Url.Action("Vidly", "Home", new { area = "" })" class="navbar-brand" title="Return to home page.">
                <!-- I am using a font awesome icon plus text. You can use a bootstrap glyph or a banner, image, etc. -->
                <span><i class="fa fa-home"></i> My App Name</span>
            </a>
        </div>
        <!-- This is where you put your menu items. It will collapse if screen is small. The id is important to link above. -->
        <div id="navbar" class="navbar-collapse collapse">
            <ul class="nav navbar-nav">
                <li class="active">@Html.ActionLink("Vidly", "Vidly", "Home")</li>
                <li>@Html.ActionLink("About", "About", "Home")</li>
                <li>@Html.ActionLink("Contact", "Contact", "Home")</li>
            </ul>
        </div>
    </div>
  </nav>
  <div class="container body-content">
    @RenderBody()
    <hr />
    <footer>
        <p>&copy; @DateTime.Now.Year - My ASP.NET Application</p>
    </footer>
  </div>
  @Scripts.Render("~/bundles/jquery")
  @Scripts.Render("~/bundles/bootstrap")
  @RenderSection("scripts", required: false)
</body>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...