Stretch div auf der einen Seite des Browser

Question

Ich habe folgende Bootstrap-Markup:

<div class="container"> 
    <div class="row"> 
    <div class="col-md-8">content</div> 
    <div class="col-md-4"> 
    <div class="map">map goes here</div> 
    </div> 
</div> 
</div> 

.Behälter ist eine nicht voller Breite zentriert. Ich brauche das .map div, um bis zum rechten Rand des Browserfensters zu strecken. Wie ist es möglich?

Answer 1

Die Antwort auf Ihre Frage ist auf der main page bootstrap docs.

Verwenden Sie .container-fluid für einen Container mit voller Breite, der die gesamte Breite des Ansichtsfensters überspannt.

<div class="container-fluid"> 
    ... 
</div> 

Answer 2

Eigentlich, was Sie brauchen, ist bestimmten Stil auf .Behälter Standard Bootstrap .Behälter außer Kraft zu setzen:

body .container { 
    margin: 0 0 0 auto; 
} 

Answer 3

Nein, es ist nicht das, was ich brauche. Ich brauche den Container, um zum Beispiel 1170px breit auf MD-Screens zu bleiben, aber .map sollte den Container überlappen und sich auf die rechte Browserseite ausdehnen.

Nicht sicher, dass es nur mit css möglich ist. vielleicht kann js helfen?