at: Umbruch mit bootstrap

Beitrag lesen

problematische Seite

Hallo Gunnar,

Die Bootstrap-Lösung wäre wohl:

  • nach jedem 2. div ein <div class="clearfix visible-xs-block"></div> einfügen,
  • nach jedem 3. div ein <div class="clearfix visible-sm-block"></div> einfügen,
  • nach jedem 4. div ein <div class="clearfix visible-md-block"></div> einfügen,
  • nach jedem 6. div ein <div class="clearfix visible-lg-block"></div> einfügen.

Wer Bootstrap 3 und LESS/SASS verwendet, setzt die für den clearfix nötigen Eigenschaften in ein passendes Pseudoelement, das mittels Media-Queries und :nth-child zugewiesen wird. Das diese Funktionalität nicht zum Standardumfang von Bootstrap gehört, verwundert allerdings.

bzw. als li in der Liste.

Leere Listeneinträge sind semantisch ebenso fragwürdig wie Listen mit nur einem Eintrag.

MfG, at

0 135

Umbruch mit bootstrap

FrankMe
  • bootstrap
  1. 1
    Gunnar Bittersmann
    • bootstrap
    • flexbox
    • grid
    1. 3
      Gunnar Bittersmann
      1. 0
        Gunnar Bittersmann
        • bootstrap
    2. 0
      Gunnar Bittersmann
      • barrierefreiheit
      • html
      1. 2
        marctrix
        1. 0
          Gunnar Bittersmann
          • barrierefreiheit
          • bootstrap
          • html
          1. 0
            marctrix
            1. 0
              at
              1. 1
                Gunnar Bittersmann
                1. 5
                  dedlfix
                  1. 2
                    Christian Kruse
                  2. -1
                    Gunnar Bittersmann
                    1. 0
                      marctrix
                    2. 1
                      dedlfix
                      1. 0
                        Gunnar Bittersmann
                    3. 0
                      Tabellenkalk
                      • bootstrap
                      • menschelei
                      • sprache
                      1. 0
                        Gunnar Bittersmann
                        1. 0
                          Tabellenkalk
                  3. 1
                    at
                2. 0
                  at
              2. 0
                marctrix
                1. 1
                  Gunnar Bittersmann
                2. 1
                  at
                  1. 0
                    marctrix
                    1. 2
                      Gunnar Bittersmann
                  2. 1
                    Gunnar Bittersmann
                    • bootstrap
                    • grid
                    1. 1
                      at
                3. -1
                  Gunnar Bittersmann
                  • bootstrap
                  1. 0
                    Gunnar Bittersmann
                    1. 0
                      marctrix
                    2. 0
                      at
                      1. 1
                        Gunnar Bittersmann
                    3. 1
                      Matthias Apsel
                      1. 0
                        Christian Kruse
                        1. 0
                          Matthias Apsel
                          1. 0
                            at
                      2. 0
                        Gunnar Bittersmann
              3. 1
                Gunnar Bittersmann
                • bootstrap
                • css
                • html
                1. 0
                  at
            2. 0
              Gunnar Bittersmann
              • bootstrap
              • html
    3. 0
      at
      1. 0
        Gunnar Bittersmann
        • bootstrap
        • html
        1. 0
          marctrix
          1. 0
            Gunnar Bittersmann
            • html
            1. 0
              marctrix
              1. 1

                Leere Listen

                Matthias Apsel
                1. 0
                  Matthias Apsel
                2. 0
                  marctrix
        2. 0
          at
      2. 0
        marctrix
        1. 0
          at
          1. 0
            marctrix
            1. 0
              at
              1. 0
                marctrix
                1. 0
                  at
                  1. 0
                    Gunnar Bittersmann
                    1. 0
                      at
                      1. 0
                        marctrix
                        1. 1
                          Christian Kruse
                          1. 0
                            marctrix
                            1. 0
                              Christian Kruse
                              1. 0
                                marctrix
                                1. 1
                                  Gunnar Bittersmann
                                  • bootstrap
                                  1. 0
                                    marctrix
                                2. 2
                                  at
                                  1. 0
                                    marctrix
                                    1. 0
                                      at
                                      1. 0
                                        Gunnar Bittersmann
                                      2. 0
                                        marctrix
                                  2. 0
                                    Gunnar Bittersmann
                                    • barrierefreiheit
                                    • links
                                    1. 0
                                      dedlfix
                                      1. 0
                                        Gunnar Bittersmann
                                        • sprache
                                        1. 0
                                          Gunnar Bittersmann
                                          • sonstiges
                                      2. 0
                                        Matthias Apsel
                                        • menschelei
                                  3. 0
                                    Gunnar Bittersmann
                                    • barrierefreiheit
                                    • sprache
                                    1. 0
                                      at
                                      1. 0
                                        Gunnar Bittersmann
                          2. 0
                            Gunnar Bittersmann
                            • design
                            1. 2
                              Christian Kruse
                              1. 0
                                Gunnar Bittersmann
                                1. 2
                                  Christian Kruse
                                  1. 1
                                    Gunnar Bittersmann
                                    1. 2
                                      Christian Kruse
                                      1. 0
                                        marctrix
                                        1. 0
                                          Christian Kruse
                                          1. 0
                                            marctrix
                                            1. 0
                                              Tabellenkalk
                                            2. 0
                                              at
                                              1. 0
                                                marctrix
                                                1. 0
                                                  at
                                                  1. 0
                                                    marctrix
                                                    1. 0
                                                      marctrix
                                            3. 0
                                              Christian Kruse
                                              1. 0
                                                marctrix
                                                • design
                                                • meinung
                                                1. 0
                                                  Christian Kruse
                                                  1. 0
                                                    marctrix
                        2. 0
                          at
                          1. 0
                            Gunnar Bittersmann
                            1. 0
                              Gunnar Bittersmann
                              • menschelei
                              1. 0
                                Matthias Apsel
                                1. 0
                                  Gunnar Bittersmann
                                  1. 1
                                    Gunnar Bittersmann
                                    1. 1
                                      MudGuard
                                      1. 0
                                        Gunnar Bittersmann
                                        1. 0
                                          dedlfix
                                        2. 0
                                          MudGuard
                                          1. 0
                                            Gunnar Bittersmann
                                      2. 0
                                        Gunnar Bittersmann
                                        1. 0
                                          Tabellenkalk
                              2. 0
                                marctrix
                          2. 0
                            marctrix
                            1. 0
                              Christian Kruse
                            2. 0
                              Christian Kruse
                        3. 0
                          Gunnar Bittersmann
                          • html
                      2. 1
                        Gunnar Bittersmann
                        1. 0
                          marctrix
                          1. 0
                            at
                            1. 0
                              marctrix
                              1. 0
                                at
                                1. 0
                                  marctrix
                              2. 1
                                Gunnar Bittersmann
                                1. 0
                                  marctrix
                                  • bootstrap
                                  • sass
                            2. 1
                              Gunnar Bittersmann
                        2. 0
                          at
                          1. 1
                            Gunnar Bittersmann
                            1. 0
                              at
                              1. 0
                                Gunnar Bittersmann
                                1. 0
                                  at
                                  1. 0
                                    Gunnar Bittersmann
                              2. 0
                                marctrix
                                1. 0
                                  Gunnar Bittersmann
          2. 0
            Tabellenkalk
            1. 0
              at
      3. 1
        dedlfix