in Web & Tech

Facebook-Social-Plugins flexibel bzw. responsive machen

Nachdem ich mich entschieden habe, hier mal die Facebook-Comments einzusetzen hat mich enorm gestört, dass das Plugin standardmäßig eine fixe Breite verlangt und somit der Responsiveness des Twitter Bootstrap Themes in die Quere kommt. Mit dieser Zeile CSS werden die Facebook-Comments flexibel!

.fb-comments, .fb-comments iframe[style] {width: 100% !important;}

Update
Neuerdings funktioniert (hier) das o.g. Snippet nicht mehr. Dafür aber dieses von einer weiteren Antwort im selben Thread bei Stackoverflow:

.fb-comments, .fb-comments span, .fb-comments.fb_iframe_widget span iframe {
    width: 100% !important;
}

Quelle: http://stackoverflow.com/questions/6500424/is-it-possible-to-set-a-fluid-width-for-facebooks-social-plugins

Nachdem ich mich entschieden habe, hier mal die Facebook-Comments einzusetzen hat mich enorm gestört, dass das Plugin standardmäßig eine fixe Breite verlangt und somit der Responsiveness des Twitter Bootstrap Themes in die Quere kommt. Mit dieser Zeile CSS werden die Facebook-Comments flexibel!

.fb-comments, .fb-comments iframe[style] {width: 100% !important;}

Update
Neuerdings funktioniert (hier) das o.g. Snippet nicht mehr. Dafür aber dieses von einer weiteren Antwort im selben Thread bei Stackoverflow:

.fb-comments, .fb-comments span, .fb-comments.fb_iframe_widget span iframe {
    width: 100% !important;
}

Quelle: http://stackoverflow.com/questions/6500424/is-it-possible-to-set-a-fluid-width-for-facebooks-social-plugins

Write a Comment

Comment

  • Related Content by Tag