2016-08-08 13 views
0

Bootstrap hat zwei Arten von Containern: reaktionsfähige Container mit fester Breite und Container mit voller Breite, die die gesamte Breite des Viewports überspannen. Ich muss einen Behälter bauen, der die linke Seite hat, wenn die feste Breite und die rechte Seite die volle Breite ist. Ist das möglich?Bootstrap Contianer halb normal halb flüssig

Danke.

+1

Mögliche. Dann müssen Sie Codes herunterladen und sie wie gewünscht bearbeiten. –

+1

Es ist möglich. Was hast du bisher versucht? Zeigen Sie uns ein bootply.com Beispiel. – Ravimallya

+0

http://www.bootply.com/NdX0RNFCQx Ich weiß nicht, ob das die richtige Lösung ist. –

Antwort

0

Bootstrap ist nicht für diese Art von Layout geeignet, da die Spaltenbreiten prozentual (flüssig) sind. Sie müssten die Spaltenbreiten und Medienabfragen überschreiben. Zum Beispiel ..

#fixed { 
    background-color:#f5f5f5; 
    padding-top:5px; 
} 

@media (min-width:992px) { 
    #fixed { 
     width: inherit; 
     min-width: 585px; 
     max-width: 585px; 
     background-color:#f5f5f5; 
     float: left; 
     height: 100%; 
     position:relative; 
     overflow: auto; 
    } 
    #fluid { 
     width:calc(100% - 585px); 
    } 
} 

http://codeply.com/go/sCawdD3m0D

Verwandte Themen