Ankündigung

Einklappen
Keine Ankündigung bisher.

Bootstrap3 untschiedliche CSS Eigenschaften bei unterschiedlichen Spalten XS SM ...

Einklappen

Neue Werbung 2019

Einklappen
X
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • Bootstrap3 untschiedliche CSS Eigenschaften bei unterschiedlichen Spalten XS SM ...

    Hi,

    ich zeige einen DIV Container bei xs und sm an. Allerdings brauche ich unterschiedliche CSS Eigenschaften

    HTML-Code:
    <div class="visible-xs visible-sm" style="padding: 10px;">
    Ich möchte halt bei XS (padding: 10px; ) und bei SM (padding: 25px; )

    wie kann ich so etwas verwirklichen ?

    LG Conny


  • #2
    Wenig Infos lioeferst Du, macht nichts, sag doch inwiefern das nicht hilft
    https://stackoverflow.com/questions/...rking-together

    sonst kannst Du da einiges einstellen:
    https://github.com/twbs/bootstrap/bl...variables.scss

    Kommentar


    • #3
      Danke erst mal, aber ich werde noch nicht ganz schlau.

      Ich will halt je nach Größe des DIV Container (XS oder SM) unterschiedliche Werte für's "padding" Attribut setzen.

      Also wenn die Größe im Breich XS ist soll padding: 10px;
      wenn die Größe im Bereich SM ist soll padding: 20px; sein

      Muss ich das mit Media lösen ?

      Kommentar


      • #4
        Zitat von conny64 Beitrag anzeigen
        Muss ich das mit Media lösen ?
        Yep

        Kommentar


        • #5
          Danke für deinen heißen Tipp. Hab's hinbekommen

          HTML-Code:
          @media (min-width: @screen-xs) {
              .search_bar{
                  padding: 10px;
              }
          }
          @media (min-width: @screen-sm) {
              .search_bar{
                  padding: 10px 0 46px 0;
              }
          }

          Kommentar

          Lädt...
          X