1

Я создал новый проект asp.net mvc на основе нового шаблона Bootstrap 3. Это, похоже, не работает должным образом, так как оно не добавляет промежутков между навигационной панелью заголовка и содержимым, представленным ниже, Renderbody(). Я пробовал вставлять примеры с сайта Bootstrap и использовать css, предоставленные Visual Studio при создании новой страницы, но не повезло.Шаблон Bootstrap, созданный Visual Studio 2013, не работает должным образом

Я приложил следующее изображение для описания (Примечание нет расстояния между JumboTron и заголовка):

enter image description here

Вот разметка генерируется:

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8" /> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <title>@ViewBag.Title - My ASP.NET Application</title> 
    @Styles.Render("~/Content/css") 
    @Scripts.Render("~/bundles/modernizr") 
</head> 
<body> 
    <div class="navbar navbar-default navbar-fixed-top"> 
     <div class="container"> 
      <div class="navbar-collapse collapse"> 
       <ul class="nav navbar-nav navbar-right"> 
        <li>@Html.ActionLink("Logout", "Index", "Home")</li> 
       </ul> 
       <p class="navbar-text navbar-right"> 
        Logged in as @(User.Identity.Name) 
       </p> 
      </div> 
     </div> 
    </div> 

    <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> 
</html> 

Любая помощь будет принята с благодарностью Вот.

ответ

1

Это не контролируется бутстрапом, а по site.css файла

body { padding-top: 50px; padding-bottom: 20px; }

путем изменения набивка-верхнее значения до, например, 75 или 100, вы получаете разрыв между навигационной панелью и контентом

+1

Спасибо! Мне кажется странным, что это так. Кто-нибудь еще? –

Смежные вопросы