При добавлении дополнительной строки отображения в заголовок, расширенный заголовок накладывается на тело. Это не кажется простым, чтобы компенсировать это, так как начальная загрузка делает все моделирование за кулисами.
Это нормальный вид:
Когда отображается расширенный заголовок, вы видите, что линия тела наложена.
На втором рисунке наложена линия тела. Что мне нужно сделать, чтобы компенсировать расширенный заголовок? Я хотел бы иметь возможность компенсировать заголовок переменного размера, а не просто добавлять элементы
, которые будут работать только для заголовка определенного размера.
Код страницы бритвы в соответствии с запросом в комментарии:
<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>
</div>
<div class="navbar-collapse collapse">
@<div Class="navbar-text navbar-left">
@Model.HelpTitle <br /> @Model.Message
</div>
</div>
</div>
</div>
<div class="container body-content">
@RenderBody()
</div>
@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/bootstrap")
@RenderSection("scripts", required:=False)
</body>
В приведенном выше коде разница между отображением одной или двух строк в заголовке зависит от этих двух полей.
@Model.HelpTitle
@Model.Message
Если нет message, то есть одна строка. Если есть message, то есть 2 строки и заголовок расширяется вниз в тело.
Я не понимаю, 2-й комментарий ниже, чтобы использовать относительное положение, так что если кто-то может объяснить, это было бы здорово.