mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 28.03.2024 10:21 Benutzername: Passwort: Auto-Login

Thema: Bootstrap: Breakpoints reagieren nicht vom 18.06.2016


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Bootstrap: Breakpoints reagieren nicht
Autor Nachricht
Kartöffelchen
Threadersteller

Dabei seit: 16.03.2012
Ort: Strawberry Fields
Alter: -
Geschlecht: Männlich
Verfasst Sa 18.06.2016 22:04
Titel

Bootstrap: Breakpoints reagieren nicht

Antworten mit Zitat Zum Seitenanfang

Habe unter http://getbootstrap.com/customize/ lediglich die Media queries breakpoints angepasst:

@screen-xs
320px

@screen-sm
640px

@screen-md
1024px

@screen-lg
1200px

Nun springt aber xs bei 303px um, sm bei 623px und md bei 1007px. Die Media queries sind auch nur in der bootstrap.css bzw. bootstrap.min.css hinterlegt. Es stimmen auch alle @media wie eingegeben überein. Aber sie greifen nicht.

Hat jemand eine Vermutung? * Keine Ahnung... *


Zuletzt bearbeitet von Kartöffelchen am Sa 18.06.2016 22:06, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
Piki

Dabei seit: 30.01.2008
Ort: -
Alter: -
Geschlecht: -
Verfasst Sa 18.06.2016 23:53
Titel

Antworten mit Zitat Zum Seitenanfang

Woran erkennst Du pixelgenau, an welchen Stellen die Breakpoints sind?
Erkennst Du das an der definierten Breite bekannter Objekte? Wenn ja, spielt Dir wahrscheinlich das Boxmodell einen Streich. Du solltest also zur Breite (width) eines Objektes auch Padding, Margin und Border nicht außer acht lassen.
  View user's profile Private Nachricht senden
Anzeige
Anzeige
Kartöffelchen
Threadersteller

Dabei seit: 16.03.2012
Ort: Strawberry Fields
Alter: -
Geschlecht: Männlich
Verfasst So 19.06.2016 08:28
Titel

Antworten mit Zitat Zum Seitenanfang

Piki hat geschrieben:
Woran erkennst Du pixelgenau, an welchen Stellen die Breakpoints sind?

An
Code:
<div class="visible-xs" style="color: #fff">XS</div>
<div class="visible-sm" style="color: #fff">SM</div>
<div class="visible-md" style="color: #fff">MD</div>
<div class="visible-lg" style="color: #fff">LG</div>
im body.

Selbst wenn ich die eigene CSS mit den Margins, Paddings etc. rauswerfe, bricht es nicht an den vorgegebenen Stellen um.
  View user's profile Private Nachricht senden
hadouken

Dabei seit: 07.11.2015
Ort: -
Alter: -
Geschlecht: -
Verfasst So 19.06.2016 08:41
Titel

Antworten mit Zitat Zum Seitenanfang

Er meinte woran du die aktuelle Fensterbreite abliesst.
  View user's profile Private Nachricht senden
Morgo

Dabei seit: 10.08.2005
Ort: Von Kowelenz bis Kölle
Alter: 39
Geschlecht: Männlich
Verfasst So 19.06.2016 09:56
Titel

Antworten mit Zitat Zum Seitenanfang

Link or it didn't happen. * Keine Ahnung... *

Ansonsten kompilier das mal selbst und zeig alle deine Variablen..
  View user's profile Private Nachricht senden
Kartöffelchen
Threadersteller

Dabei seit: 16.03.2012
Ort: Strawberry Fields
Alter: -
Geschlecht: Männlich
Verfasst So 19.06.2016 13:29
Titel

Antworten mit Zitat Zum Seitenanfang

hadouken hat geschrieben:
Er meinte woran du die aktuelle Fensterbreite abliesst.

Screenshot und in Photoshop Auswahlrechteck-Werkzeug
  View user's profile Private Nachricht senden
Kartöffelchen
Threadersteller

Dabei seit: 16.03.2012
Ort: Strawberry Fields
Alter: -
Geschlecht: Männlich
Verfasst So 19.06.2016 15:24
Titel

Antworten mit Zitat Zum Seitenanfang

Problem gelöst: es war die ganze Zeit der Scrollbalken, der es ab einer gewissen Höhe der Site um 17px zusammengeschoben hat. *ha ha*
  View user's profile Private Nachricht senden
gotoAndPlay

Dabei seit: 22.11.2006
Ort: -
Alter: 40
Geschlecht: Männlich
Verfasst Mi 22.06.2016 14:04
Titel

Antworten mit Zitat Zum Seitenanfang

Kartöffelchen hat geschrieben:
hadouken hat geschrieben:
Er meinte woran du die aktuelle Fensterbreite abliesst.

Screenshot und in Photoshop Auswahlrechteck-Werkzeug


Kennst du schon die Webdeveloper Tools für den Firefox? Mit denen kannst du es auch ohne Photoshop auslesen *zwinker*
  View user's profile Private Nachricht senden
 
Ähnliche Themen Breakpoints | Responsive Webdesign
Fehldarstellung Bootstrap
Bootstrap overflow auto mit % Höhe
Wie reagieren eure kunden?
Bootstrap Columns unten ausrichten - align bottom
Start Bootstrap: Jede Woche neue Tamplates
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.