Boostrap manuell die Container-width bearbeiten

3 Antworten

Mach das nicht per Hand sondern mach es auf der bootstrap-seite da hast du ne art online preprozessor wo du das editieren kannst einfach selbst in den Klassen rumzuwerkeln ist eher für erfahrende Leute da dort viele Abhängigkeiten sind

Die .container Klasse direkt zu bearbeiten ist schon die richtige Vorgehensweise (sofern du ohne CSS-Präprozessor, also mit reinem CSS arbeitest).

Was genau wird denn "zerschossen"? Wenn deine Vorlage ursprünglich für eine andere Maximalbreite gestaltet wurde, wirst du vermutlich nicht drum herum kommen, auch andere Elemente entsprechend anzupassen wenn du die Maximalbreite veränderst.

Du solltest auch bedenken, dass die Breite des Containers im Normalfall an mehreren Stellen im CSS definiert wird (für verschiedene Bildschirmgrößen). So weit ich weiß arbeitet Bootstrap hier mit festen Werten z.B.:

.container {
    width: 480px; /*kleinst mögliche Größe*/
}
@media (min-width: 768px) {
    .container {
        width: 700px;
    }
}
@media (min-width: 1200x) {
    .container {
        width: 1000px;
    }
}
@media (min-width: 1600px) {
    .container {
        width: 1200px; /* Maximalbreite */
    }
}

möglich wäre aber natürlich auch einfach so etwas:

.container {
    width: 80%;
}

In welcher CSS datei hast Du den Container bearbeitet? Einen einfachen Bootstrap Designer findest Du auch unter andjan.de Der nimmt Dir die ganze Arbeit ab.

Boostrap: Bild über ganze Breite des Browserfensters strecken?

Es ist vielleicht eine dumme Frage, aber ich kriege es nicht hin (kenne mich nicht aus mit Bootstrap):
Man soll ja laut Bootstrap-Anleitung seine Elemente in ein div stecken, das entweder die Klasse "container" oder "container-flui" hat. Ich wollte die Klasse "container" benutzen, weil ich nicht will, dass meine Texte über die ganze Breite gehen, habe aber gleichzeitig ein paar Bilder, die über die gesamte Breite des Browserfenster gehen sollen, was mit "container" aber nicht zu funktionieren scheint. Mit container-fluid schon, aber dann gehen auch die Texte über die ganze Breite. Und den Texten einfach eine max-width und margin: 0 auto zu geben scheint auch nicht zu funktionieren. Noch eine Info: ich habe den Texten und Bildern col-md-12 gegeben.

Kann mir jemand sagen, wie man das macht? (Mit Bootstrap Bilder über die ganze Breite strecken, aber Texte nicht?)

Vielen Dank im Voraus

...zur Frage

Einfache responsive html Seite?

Hallo zusammen!

Ich arbeite zurzeit an einer Website, die in zwei große Teile gegliedert werden soll. Am Anfang kommt man auf eine Seite, wo man zwischen den beiden Teilen entscheiden kann. Dazu will ich einfach mal eine Seite, die "nicht-scrollbar" ist (overflow) die einfach in zwei hälften(divs) gegliedert ist. Soweit bin ich schon gekommen. Aber beim versuch, sie responsive zu machen gescheitert. Ich will das bei zb. 600px width die zwei divs nicht mehr nebeneinander sondern übereinander sind. Das hab ich leider nicht geschafft... Kann mir jemand weiterhelfen? (Hilfreich wären fertige css lines)

LG:)

...zur Frage

Was möchtest Du wissen?