Bootstrap ASP MVC skalowanie kolumn

0

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
9fe0dc6f06.png

Po przybliżeniu(200% - Google Chrome)
77056c0d1f.png

0

musiałbyś ignorować media queries na komputerze, pomoc w temacie: http://msdn.microsoft.com/en-us/magazine/gg619395.aspx

nie wiem jak to zmontować z bootstrapem, ja RWD składam bez frameworków

1 użytkowników online, w tym zalogowanych: 0, gości: 1