bootstrap theme - Bilder werden nicht geshrinkt
am 23.09.2015 - 11:06 Uhr in
Ich nutze bootstrap unter 7.39. Via Bootstrapcdn das Bootswatch-Flatly-Theme. Bis dato habe ich keinen Weg gefunden, die im ckeditor angelegten Bilder auf ein gesundes Maß zu shrinken, wenn die Site via Handy aufgerufen wird. Text verhält sich responsiv. Eingebettete Bilder bleiben auf original-Breite. Alle Inhalte kommen als Views-Block. Hab auch schon probiert, dem col-md-8-Block, der das body-field beinhaltet ein col-xs-12 zu geben. Leider mit demselben Ergebnis.
Mainmenu ist deaktiviert. Stattdessen werkelt ein Superfish. Auf dem Macbookist alles schick. Rufe ich die Site im Handy auf, zeigt sich zuerst ein Hamburger-Button. Klicke ich den, erscheint der Superfish-Hamburger nebst content.
Bislang arbeite ich mit Openframework. Deren Theme basiert auf Bootsrap 2.3, leider.
Habt ihr eine Idee, warum die Bilder sich nicht verkleinern?
- Anmelden oder Registrieren um Kommentare zu schreiben
Hallo,das ist einfach mit
am 23.09.2015 - 11:10 Uhr
Hallo,
das ist einfach mit CSS zu erledigen.
Du must die Breite der Bilder in % angeben.
<img src="IMAGE LINK" style='width:100%;' border="0" alt="Null">
oder in CSS:
img{
width:100%;
}
MfG
Robert
https://awri.ch
Ich habe eine Schweizer Tastatur und daher kein scharfes ß ;-)
Bootstrap arbeitet mit
am 23.09.2015 - 13:44 Uhr
Bootstrap arbeitet mit .img-responsive, Beispiel findest du hier http://getbootstrap.com/css/#images
Das OpenFramework habe ich auch installiert gehabt, aber da sind leider einige Macken drin und die letzte Version ist 1 Jahr alt.
Nehme doch https://www.drupal.org/project/bootstrap und erstelle dir ein eigenes Subtheme, das arbeitet sehr sauber und du hast die neueste Bootstrap Library.
Wenn du deine Änderungen aus OF sicherst und überträgst sollte sich der Aufwand in Grenzen halten, dieses Bootstrap Theme wird gut gepflegt und du kannst bei Problemen leichter ein Issue eröffnen, bei OF wird es schwer zügigen Support zu bekommen, da stehst du dann bei Problemen allein vor und weißt nie genau ob das am Theme liegt oder an dir.
Grüße Jenna
ergänzt: falls .img-responsive nicht funktioniert gab es das in der 2.3 event. noch nicht..
Noch kann ich nicht sagen
am 23.09.2015 - 15:03 Uhr
Noch kann ich nicht sagen warum Bootstrap 3 hier seinen Dienst versagt. Fakt ist, Robert's Tipp macht seinen Job. Irgendwo hakt bootstrap an der Stelle. Gebe ich den Images height + width:100% funktioniert das Ganze auf jedem Device.
Sollte im Normalfall nicht notwendig sein. Selbst das betagte Openframework kriegt das ohne zusätzliches CSS hin.
Dank an Robert!
Gruß, Ingo
Am PC arbeiten ist wie U-Boot fahren, kaum machst Du ein Fenster auf, hast Du ein Problem.
Habt ihr eine Idee, wo der
am 23.09.2015 - 15:48 Uhr
Habt ihr eine Idee, wo der zusätzliche eigentlich funktionslose Hamburger Button herkommt bzw. wie ich den los werde?
Gruß, Ingo
Am PC arbeiten ist wie U-Boot fahren, kaum machst Du ein Fenster auf, hast Du ein Problem.