Um ein Image automatisch zu skalieren benötigt es nur ein klein wenig CSS.
<style>
.responseImage img{
max-width:100% !important;
height:auto;
display:block;
}
</style>
<div class="responseImage">
<img border="0" src="http://upload.wikimedia.org/wikipedia/commons/4/41/Reichsgerichtsgebauede_-_Giebelrelief.png" />
</div>
Und schon wird das Bild entspr. der Größe des Views skaliert.
Will man die Bootstrap-Navbar für alle Screen-Größen immer im Mobile-Look, überschreibt man am besten das default Bootstrap CSS. Hier ein Beispiel.
In diesem Snippet zeigen wir, wie man in einem HR-Element einen Text per CSS zentriert einfügt.
Es gibt viele Beispiele dafür, wie man einen Footer „sticky“ positioniert. Etwas schwieriger wird die Positionierung innerhalb einer scrollbaren Sidebar. Dazu mehr nach dem Klick.
Will man die KendoUi Progress-Animation des genutzten Themes in der Anwendung überschreiben, kann man das ganz einfach per CSS erledigen. Wir zeigen wie.
Manchmal will man einen Gradienten des Elternelementes am Kindelement wieder deaktivieren. Folgender kleiner CSS-Schnippsel zeigt eine Lösung. Die Erstbeste.
Manchmal muss man ganz schön zaubern, um die „Photoshop-Designs“ mit CSS nachzubauen. Heute schneiden wir Ecken ab.
Sie sehen gerade einen Platzhalterinhalt von X. Um auf den eigentlichen Inhalt zuzugreifen, klicken Sie auf die Schaltfläche unten. Bitte beachten Sie, dass dabei Daten an Drittanbieter weitergegeben werden.
Mehr Informationen