Witam, chce stworzyć layout w MVC przy użyciu Razor i Bootstrap, całość zbudowałem na kolumnach według takiego szkieletu:
<body>
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="row">
<div class="col-lg-3">
Tutaj jest logo
</div>
<div class="col-lg-9">
Tutaj jest menu
</div>
</div>
<div class="row">
<div class="col-lg-3">
Lewa kolumna
</div>
<div class="col-lg-9">
Prawa kolumna
</div>
</div>
<div class="row">
stopka
</div>
</div>
</div>
</div>
</body>
Chodzi mi o standardowy układ dwu kolumnowy z headerem na górze.
Wszystko działa ładnie, jednak nie podoba mi się sposób zooma tz. jeśli strona zostanie powiększona tak aby kolumna się nie mieściła całość zmienia się w układ mobilny - kolumna pod kolumną. Jest to dobre zachowanie jeśli chodzi o telefony, jednak na komputerze wolałbym aby całość po prostu się przybliżała (na zasadzie zooma).
Czy jest możliwość osiągnąć to w prosty sposób? Jeśli jak proszę o nakierowanie jak powinienem to zrealizować.
Oryginalny layout
Po przybliżeniu(200% - Google Chrome)