Bootstrap - Bootstrap-Werke erst nach

Ändern der Größe Ich entwickle eine kleine Anwendung auf codepenBootstrap - Bootstrap-Werke erst nach

http://codepen.io/asamolion/full/VjKzYV/

Aber das Problem ist, dass der Bootstrap-CSS nicht geladen beim Laden der Seite. Aber es funktioniert, wenn ich die Größe des Browsers ändere.

z.B. Wenn ich den Browser verkleinere und ihn dann wieder maximiere, funktioniert es, aber es funktioniert nicht beim Laden der ersten Seite.

Weiß jemand, was das Problem ist?

Hier ist meine des zentralen div

#quote-machine { 
    text-align: center; 
    padding: 10%; 
    background: white; 
    border-radius: 12px; 
    box-shadow: inset 0 0 5px #AAA, 0 5px 10px #CCC; 
    min-height: 60vh; 
    min-width: 50vw; 
}

Hier sind einige Screenshots

Erste Last

minimieren

Maximize

Es ist Breite sollte auf der ersten Last wie „Maximieren“, aber es ist nicht, und ich kann das Problem nicht finden. Jede Hilfe wäre willkommen.

Vielen Dank im Voraus.

Quelle

2016-06-20 asamolion

funktioniert gut für mich .. Wie würden Sie beschreiben, wie nicht? –

@GuruprasadRao Ich habe Screenshots hinzugefügt. bitte sieh sie an. – asamolion

Entschuldigung, wir haben keine Idee, was Sie mit "Arbeiten nur nach der Größenanpassung" meinen. Was ist der gewünschte Look vor der Größenanpassung und danach? – DottedT

<div class="col-xs-12 col-sm-10 col-md-10 col-lg-10 col-lg-offset-1">

stattdessen alle Raster Klassen verwenden,

<div class="col-lg-10 col-lg-offset-1">

Versuch mit bestimmten Klasse und sehen

Quelle

2016-06-20 05:10:02

Das Problem ist immer noch das gleiche – asamolion

AKTUALISIERT: Sie manuell, indem die Breite des Flüssigkeitsbehälters auf ein Ajax auslösen können Callback, das ist eine Art Hacky, aber Sie müssen es nur einmal tun.

Hier ist ein Link zu meinem Arbeitsbeispiel: Link to working example using simple window resize

.done(function() { 
    $('.container-fluid').css('width', '100%'); 
})

Quelle

2016-06-20 05:13:03

Bootstrap - Bootstrap-Werke erst nach

Antwort

Verwandte Themen