Member 14792005 Ответов: 1

А что не так ASP.NET макет MVC

Код:
<div class="navbar navbar-inverse navbar-fixed-top">
       <div class="container">
           <div class="navbar-header">
               <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                   <span class="icon-bar"></span>
                   <span class="icon-bar"></span>
                   <span class="icon-bar"></span>
               </button>
               @Html.ActionLink("Application name", "Index", "Home", new { area = "" }, new { @class = "navbar-brand" })
           </div>

           <div class="navbar-collapse collapse">
               <ul class="nav navbar-nav">
                   <li>@Html.ActionLink("Home", "Index", "Home")</li>
                   <li>@Html.ActionLink("About", "About", "Home")</li>
                   <li>@Html.ActionLink("Contact", "Contact", "Home")</li>
               </ul>
           </div>
       </div>
   </div>


Что я уже пробовал:

Смотрите изображение здесь

Richard MacCutchan

В чем же вопрос?

OriginalGriff

"Это не работает"?

Richard MacCutchan

А, понятно. Спасибо за разъяснения и исчерпывающие подробности. :/

OriginalGriff

Я пытаюсь приобщиться к стадному менталитету. :вздыхать:
Это может быть ошибкой, несмотря на то, что мой IQ снизился на несколько десятков ступеней.

Richard MacCutchan

Мне знакомо это чувство.

1 Ответов

Рейтинг:
8

CP777

Мои друзья здесь пытаются сказать, что, похоже, у вас там есть проблема с CSS.

Ваш код следует за кодом по умолчанию ASP.Net MVC Razor code - просто убедитесь, что 1) Этот код существует внутри *Тело* элемент, и 2) что все необходимые CSS-файлы могут быть найдены вашим приложением.

По умолчанию ASP.Net источник приложения MVC:

<body>
    <div class="navbar navbar-inverse navbar-fixed-top">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="/">Application name</a>
            </div>
            <div class="navbar-collapse collapse">
                <ul class="nav navbar-nav">
                    <li><a href="/">Home</a></li>
                    <li><a href="/Home/About">About</a></li>
                    <li><a href="/Home/Contact">Contact</a></li>
                </ul>
                    <ul class="nav navbar-nav navbar-right">
        <li><a href="/Account/Register" id="registerLink">Register</a></li>
        <li><a href="/Account/Login" id="loginLink">Log in</a></li>
    </ul>

            </div>
        </div>
    </div>
    <div class="container body-content">
...
</Body>
*(Отредактировано, чтобы включить тег Body, который CP удалил из моего первоначального представления - вероятно, чтобы предотвратить проблемы с html.)*