Bootstrap Feste Größe der Spalte

Muss ich tun, Feste Breite der rechten Spalte in der bootstrap -, aber linke Spalte wird reagiert.

Ich die Verwendung von bootstrap 2.3.2

http://pix.toile-libre.org/upload/original/1375170941.png

Rechten Spalte wird nicht verändert-Bildschirm Größe.

  • Wie soll das funktionieren? Was meinst du mit 'responsive' (meinst du, es werde brechen bei 797px wie normale bootstrap)?
  • Die Rechte Spalte wird nicht verändert-Bildschirm-Größe
  • wieso der downvote? sieht aus wie eine gültige Programmierung Frage an mich
  • zeigen können, was bootstrap-Klassen u verwendet haben, für container -, linke und Rechte Spalte?
InformationsquelleAutor korvinko | 2013-07-30
  1. 8

    Meine einfache Lösung unten (in Aktion sehen Sie hier). Ich habe ausgefüttert der CSS zu demonstrieren, die Blöcke mit Farben, aber alles, was Sie wirklich tun müssen, ist wie folgt:

    Fester Bestandteil

    • Legen Sie es auf float:right
    • Gilt eine Feste Breite, um es

    Flüssigkeit row-element

    • Gelten padding/margin-right gleich der Breite des festen Elements
    • Gelten box-sizing:border-box, so dass die Breite 100% gegen die .row-fluid element besteht, aber die margin/padding Hinzugefügt, nicht schieben Sie es weiter. Das markup unten zeigt das minimum, die Sie benötigen.

    CSS

    #fixed-width { 
    width:100px;
    float:right;
}
#fluid.row-fluid {
    margin-right:100px;
    -webkit-box-sizing:border-box;
       -moz-box-sizing:border-box;
            box-sizing:border-box;    
}

    HTML

    <div class="clearfix">
    <div id="fixed-width">Content...</div>
    <div id="fluid" class="row-fluid">
        <div class="span4">a</div>
        <div class="span4">b</div>
        <div class="span4">c</div>
    </div>
</div>
    InformationsquelleAutor Ian Clark
  2. 1

    diese Art von design ist es nicht von bootstrap, aber es gibt einfache Lösungen.

    Hier ist, Lesen Sie die akzeptierte Antwort auf das Vorherige, SO Frage Bootstrap: Feste Breite Rinne in der fluid-layout?

    insbesondere, dieses css-tricks

    .fluid-fixed {
  margin-right: 240px;
  margin-left:auto !important;
}

    wie in diesem fiddle http://jsfiddle.net/6vPqA/808/

    InformationsquelleAutor PA.
Schreibe einen Kommentar