Bootstrap fluide de mise en page fixe la largeur de la barre latérale

j'ai un design fluide à base de twitter bootstrap.

<div class="container-fluid">
    <div class="row-fluid">
       <div class="span2">
           <!--Sidebar content-->
       </div>
       <div class="span10">
           <!--Body content-->
       </div>
    </div>
</div>

Il serait très agréable d'avoir la barre latérale d'une largeur fixe. si un changement dans la disposition du fluide à l' "statique" et de définir la largeur de la barre latérale pour

220px

et je redimensionner la fenêtre ou de changer ma résolution de 1024... le corps-le contenu des sauts en vertu de la barre latérale. comment puis-je éviter cela?

EDIT:
L'a obtenu. Vais poster mes "solution" plus tard. merci pour vos réponses

Pouvez-vous mettre en place un cas de test en utilisant quelque chose comme jsfiddle? Ne comprends pas très bien l'effet que vous cherchez ici.
Alors... qu'est cette fameuse "solution" de la vôtre? 🙂
Oui, publiez votre solution, je suis également intéressé, largeur fixe latéral avec le reste de la page fluide... je ne peux pas l'atteindre
Voici une solution: ekdhl.net/blog/2012/10/19/...
"J'ai trouvé une remarquable solution à ce problème, mais je ne peux pas l'insérer dans un stackoverflow commentaire". --Jens. 😉

OriginalL'auteur Jens | 2012-03-06

  1. 28

    Je pense que vous êtes à la recherche de quelque chose comme ceci:

    <div class="sidebar span4">
    this is my fixed sidebar
</div>
<div class="main">
    <div class="container-fluid">
        <div class="row-fluid">
            <div class="span2">this is fluid</div>
            <div class="span3 offset1">yeah!</div>
            <div class="span6">Awesome!</div>
        </div>
        <div class="row-fluid">
            <div class="span6">1 half</div>
            <div class="span6">2 half</div>
        </div>
    </div>
</div>

    heres un violon pour votre confort: http://jsfiddle.net/TT8uV/2/

    Comme note générale:

    Vous n'avez pas besoin d'utiliser bootstrap votre conteneur principal, de sorte que vous pouvez placer votre
    barre latérale side-by-side avec un système de grille (comme bootstrap
    fluide et réactif). De cette façon, vous avez BEAUCOUP de contrôle de la
    barre latérale, sans affecter le contenu réel.

    Espère que cela fonctionne pour vous.

    C'est la seule réponse qui a résolu la largeur fixe. Les autres sont sur la position fixe. +1
    J'apprécie cette tentative, mais le problème est, la deuxième ligne de la main droite principale flotte plus bas que le bas de la barre latérale droite. Notez comment les " 1 " et " 2 " (qui sont travées de la deuxième rangée-liquide dans les principaux nav) float ci-dessous: jsfiddle.net/TT8uV/2/show
    Je ne pense pas que ce doit être la solution, mais de toute façon je l'ai mise à jour avec un overflow:auto à la ligne ici: jsfiddle.net/TT8uV/35 ou vous pouvez position:absolute la barre latérale jsfiddle.net/TT8uV/36
    C'est la bonne solution vous n'avez pas besoin d'utiliser le Bootstrap grille pour tout. Ayant un encadré est le meilleur. S'il vous plaît accepter cette réponse!
    comment le caché de téléphone de travail?

    OriginalL'auteur Bart Calixto

  2. 8

    Je pense que c'est ce dont vous avez besoin: http://jsfiddle.net/U8HGz/1/

    nan, parce que le volet est en position fixe. mon droit en ligne/conteneur a une largeur de mh env 3000-4000px. donc, si j'ai faites défiler vers la droite de la barre latérale est toujours sur le dessus. mais merci pour votre réponse

    OriginalL'auteur Yiannis Gkoufas