override width from _Layout.cshtml

Question

В моей общей компоновке у меня есть ширина, указанная в моем div-контейнере body-container.

Есть ли способ переопределить эту ширину только в одном из моих представлений? Я хочу продолжать использовать оставшиеся части общей компоновки.

Спасибо.

Answer 1

Есть 3 решения:

1) положить тело-контейнеры в каждом представлении.

2) Внутренний вид <style> .body-container {width: 1000px!important} </style>

3) использовать JavaScript, чтобы переопределить CSS.

Answer 2

Вы можете указать ширину, используя параметр, который передается в ViewBag. Если параметр не существует, используйте значение по умолчанию.

В _Layout.cshtml:

@{ var layoutWidth = ViewBag.LayoutWidth ?? "640px" /* default value */; } 
<div id="body-container" style="width: @layoutWidth;"> ... </div> 

В окне, который переопределяет ширину:

@{ ViewBag.LayoutWidth = "480px"; }