Positionierung eines Div relativ zu SCREEN und einem COL div

Question

Ich versuche dies zu lange Zeit, aber ... kein Glück. Die Frage selbst ist ein wenig einfach.

Ich brauche einen div auf der linken Seite des Bildschirms beginnen zu machen und am Ende eines col-xx-x div endet, die wiederum in einem row div ist, die wiederum in einem container div ist.

Ich habe es schon mit jQuery getan, aber ich bin für eine Art und Weise, dass die Verwendung nur HTML und CSS zu tun zu suchen.

machte ich ein Bild zu einem besseren Verständnis:

(Das rote Quadrat ist der div, die ich will, aber es ist offensichtlich)

Hinweis: Beachten Sie, dass auf meinem Bild habe ich a col-md-6 div, aber die col ist unbestimmt (col-xx-x), ich habe 6 nur zum Zeichnen verwendet.

Hier ist eine Geige mit dem Code mit jQuery:

https://fiddle.jshell.net/b8xcp6j7/

Answer 1

Sie .box Element width-200% anpassen können, setzen position-relative, left zu -100%

.box { 
    width: 200%; 
    border: 4px solid red; 
    padding: 15px; 
    position:relative; 
    left:-100%; 
} 

jsfiddle https://fiddle.jshell.net/6a0uac4y/2/