Twitter Bootstrap CSS statisch-flüssige Form Positionierung

Ich verwende das Twitter Bootstrap-Framework und versuche, ein Layout wie das folgende zu erhalten:

So sieht es jetzt aus:

Aktuelles Layout http://f.cl.ly/items/1n3y0F1I3D282g2U1J3Z/Screen%20Shot%202012-07-28%20at%209.09.10%20PM.png

jsFiddle fullscreen

jsFiddle

Die Breite des Formularcontainers ändert sich abhängig von der Breite des Browsers (CSS-Medienabfragen von Twitter Bootstrap). Die Icon-Boxen haben immer eine Breite von 14px.

Ich habe verschiedene Dinge ausprobiert, die auf statischen Seitenleisten- / Fluid-Content-CSS-Layouts basieren, um zu versuchen, die Texteingabebreite auszufüllen.

Ich denke, meine einzige Option besteht darin, eigene CSS-Medienabfragen zu erstellen, die eine absolute Breite für die Texteingabe definieren.

Antworten auf die Frage(4)

Ihre Antwort auf die Frage