marctrix: Navigation nachbauen

Beitrag lesen

Hej Bernd,

Oder platziere überlappende Elemente, oder gestalte zweidimensional…

Auch hier die Antwort nutz dein eigenes CSS für solche Sachen.

Nein wie genial ist das denn? Ich benutze einfach das Bootstrap-Grid und css-Grid.

Erst mal 100kbyte für ein Grid um dann doch noch zu lernen, wie man es richtig macht. Aber Dir ist schon klar, dass sich die beiden ausschließen? Ich kann nicht mehr zweidimensional platzieren, wenn ich Elemente erst mal in divs gepackt habe, die nur den einen Zweck haben: Elemente eindimensional in Reihen anzuordnen.

Oder wie soll das gehen, dass ich bootstrap nutze für das Layout und dann mit css Grid einem Element sage, dass das nun aus aus der Reihe ausbrechen und über mehrere davon reichen soll und zwar an der ersten und letzten über dem Ende der jeweiligen Reihe stehen soll. Mach mir das mal in einem codepen, bitte.

Marc

--
Ceterum censeo Google esse delendam
0 119

Navigation nachbauen

  1. 0
    1. -1
      1. 1
        1. 0
          1. 1
            1. 0
              1. 1
            2. 0
              1. 1
                1. 0
                  1. 0
                2. 0
              2. 2
                1. 1
                  1. 0
                2. 0
                  1. 0
                  2. 0
              3. 1
          2. 1
            1. -1
              1. 1
                1. -1
                  1. 0
                    1. 0
                      1. 0
                        1. 0
                    2. 3
                      1. 0
                        1. 1
                          1. 0
                            1. 2
                              1. 0
                                1. -3
                                  1. 4

                                    Politische Ränder

                                2. 2
                                3. 0
                                  1. 0
                                    1. 0

                                      Viel Ehr ...

                                  2. 0
                                    1. 0
                  2. 2

                    Bitte nicht so. Danke!

            2. 0
              1. 0
              2. 3
                1. 0
                  1. 1
                    1. 0
                  2. 1
          3. 2
            1. 0
              1. -1
                1. 0
                  1. -1
                    1. 1
                      1. 0
                        1. 1
                          1. 0
                            1. 0
                        2. 2
                          1. 0
                          2. 0
                            1. 1
                              1. -2
                                1. 1
                                  1. 0
                                    1. 0
                                      1. 0
                                        1. 1
                                          1. 0
                                            1. 0
                                              1. 0
                                                1. 0
                                                  1. 0
                                                    1. 0
                                                      1. 0
                                                        1. 0
                                                          1. 0
                                                          2. 0
                                                            1. 0
                                            2. 0

                                              Fertiges Beispiel ohne Bootstrap

                                              1. 1
                                                1. 0
                                                  1. 1
                                                    1. 0
                                                  2. 0
                                                2. 0
                                                  1. 0
                                                    1. 1
                                                      1. 0
                                                        1. 0
                                                        2. 0
                                                          1. 1

                                                            ganze Box verlinken

                                                            1. 0
                                                            2. 0
                                                              1. 0
                                                                1. 0
                                                                2. 0
                                                              2. 1
                                                                1. 0
                                        2. 0
                                      2. 0
                                        1. 0
                                          1. 0
                                  2. 0
                            2. 1
                              1. 0
                          3. 1
                            1. 0
                              1. 0
                                1. 0
                                  1. 1
                                    1. 0
                                      1. 0
                      2. 0
                        1. 0
                        2. 0

                          Aufträge aus moralischen Gründen abzulehnen ...

                    2. 1