// // Button groups // -------------------------------------------------- // Make the div behave like a button .btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; // match .btn alignment given font-size hack above > .btn { position: relative; float: left; // Bring the "active" button to the front &:hover, &:focus, &:active, &.active { z-index: 2; } &:focus { // Remove focus outline when dropdown JS adds it after closing the menu outline: 0; } } } // Prevent double borders when buttons are next to each other .btn-group { .btn + .btn, .btn + .btn-group, .btn-group + .btn, .btn-group + .btn-group { margin-left: -1px; } } // Optional: Group multiple button groups together for a toolbar .btn-toolbar { margin-left: -5px; // Offset the first child's margin &:extend(.clearfix all); .btn-group, .input-group { float: left; } > .btn, > .btn-group, > .input-group { margin-left: 5px; } } .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; } // Set corners individual because sometimes a single button can be in a .btn-group and we need :first-child and :last-child to both match .btn-group > .btn:first-child { margin-left: 0; &:not(:last-child):not(.dropdown-toggle) { .border-right-radius(0); } } // Need .dropdown-toggle since :last-child doesn't apply given a .dropdown-menu immediately after it .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { .border-left-radius(0); } // Custom edits for including btn-groups within btn-groups (useful for including dropdown buttons within a btn-group) .btn-group > .btn-group { float: left; } .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group > .btn-group:first-child { > .btn:last-child, > .dropdown-toggle { .border-right-radius(0); } } .btn-group > .btn-group:last-child > .btn:first-child { .border-left-radius(0); } // On active and open, don't show outline .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } // Sizing // // Remix the default button sizing classes into new ones for easier manipulation. .btn-group-xs > .btn { &:extend(.btn-xs); } .btn-group-sm > .btn { &:extend(.btn-sm); } .btn-group-lg > .btn { &:extend(.btn-lg); } // Split button dropdowns // ---------------------- // Give the line between buttons some depth .btn-group > .btn + .dropdown-toggle { padding-left: 8px; padding-right: 8px; } .btn-group > .btn-lg + .dropdown-toggle { padding-left: 12px; padding-right: 12px; } // The clickable button for toggling the menu // Remove the gradient and set the same inset shadow as the :active state .btn-group.open .dropdown-toggle { .box-shadow(inset 0 3px 5px rgba(0,0,0,.125)); // Show no shadow for `.btn-link` since it has no other button styles. &.btn-link { .box-shadow(none); } } // Reposition the caret .btn .caret { margin-left: 0; } // Carets in other button sizes .btn-lg .caret { border-width: @caret-width-large @caret-width-large 0; border-bottom-width: 0; } // Upside down carets for .dropup .dropup .btn-lg .caret { border-width: 0 @caret-width-large @caret-width-large; } // Vertical button groups // ---------------------- .btn-group-vertical { > .btn, > .btn-group, > .btn-group > .btn { display: block; float: none; width: 100%; max-width: 100%; } // Clear floats so dropdown menus can be properly placed > .btn-group { &:extend(.clearfix all); > .btn { float: none; } } > .btn + .btn, > .btn + .btn-group, > .btn-group + .btn, > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; } } .btn-group-vertical > .btn { &:not(:first-child):not(:last-child) { border-radius: 0; } &:first-child:not(:last-child) { border-top-right-radius: @border-radius-base; .border-bottom-radius(0); } &:last-child:not(:first-child) { border-bottom-left-radius: @border-radius-base; .border-top-radius(0); } } .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group-vertical > .btn-group:first-child:not(:last-child) { > .btn:last-child, > .dropdown-toggle { .border-bottom-radius(0); } } .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { .border-top-radius(0); } // Justified button groups // ---------------------- .btn-group-justified { display: table; width: 100%; table-layout: fixed; border-collapse: separate; > .btn, > .btn-group { float: none; display: table-cell; width: 1%; } > .btn-group .btn { width: 100%; } > .btn-group .dropdown-menu { left: auto; } } // Checkbox and radio options // // In order to support the browser's form validation feedback, powered by the // `required` attribute, we have to "hide" the inputs via `opacity`. We cannot // use `display: none;` or `visibility: hidden;` as that also hides the popover. // This way, we ensure a DOM element is visible to position the popover from. // // See https://github.com/twbs/bootstrap/pull/12794 for more. [data-toggle="buttons"] > .btn > input[type="radio"], [data-toggle="buttons"] > .btn > input[type="checkbox"] { position: absolute; z-index: -1; .opacity(0); } .elementor-animation-grow-rotate { transition-duration: 0.3s; transition-property: transform; } .elementor-animation-grow-rotate:active, .elementor-animation-grow-rotate:focus, .elementor-animation-grow-rotate:hover { transform: scale(1.1) rotate(4deg); } {"id":38712,"date":"2026-03-06T07:39:10","date_gmt":"2026-03-06T06:39:10","guid":{"rendered":"https:\/\/www.solucionessmart.com.uy\/smartporteria\/?p=38712"},"modified":"2026-03-06T10:26:12","modified_gmt":"2026-03-06T09:26:12","slug":"h1-kono-backpack-hair-den-alltag-worauf-sollte-80","status":"publish","type":"post","link":"https:\/\/www.solucionessmart.com.uy\/smartporteria\/2026\/03\/06\/h1-kono-backpack-hair-den-alltag-worauf-sollte-80\/","title":{"rendered":"
Ob f\u00fcr pass away Arbeit, pass away Uni oder den Stadtbummel– ein Backpack muss genug Platz bieten, ohne zu klobig zu sein. Wer t\u00e4glich einen Laptop mitnimmt, sollte auf ein gepolstertes Fach achten. F\u00fcr den Alltag reichen oft 15 bis 20 Liter. Wer mehr transportiert, greift zu gr\u00f6\u00dferen Modellen. Wichtig ist, dass der Backpack nicht zu voll gestopft werden muss, damit alles digestive tract organisiert bleibt. Modelle wie die von KONO Alltagsrucksack<\/a> bieten durchdachte F\u00e4cher f\u00fcr jedes Gep\u00e4ckst\u00fcck.<\/p>\n Ein Backpack sollte auch nach Stunden nicht dr\u00fccken. Gepolsterte, verstellbare Schultergurte sind ein Muss. Ein atmungsaktives R\u00fcckenteil verhindert Schwitzen. Wer viel l\u00e4uft, wei\u00df das zu sch\u00e4tzen. Auch ein Brustgurt kann helfen, das Gewicht besser zu verteilen. Wer auf diese Details achtet, schont den R\u00fccken und kommt entspannter an. Viele Alltagsrucks\u00e4cke von KONO Alltagsrucksack<\/a> sind genau auf diese Bed\u00fcrfnisse ausgelegt.<\/p>\n Ein Backpack muss einiges aushalten. Regen, St\u00f6\u00dfe, t\u00e4glicher Gebrauch. Wasserabweisende Materialien sch\u00fctzen den Inhalt. Robuste Rei\u00dfverschl\u00fcsse sind wichtig, damit nichts aufgeht. Pass away N\u00e4hte sollten sauber verarbeitet sein. Billige Modelle dropped oft schnell auseinander. Wer sich hair ein hochwertiges Modell entscheidet, hat l\u00e4nger Freude daran. Die Produkte von KONO Alltagsrucksack<\/a> \u00fcberzeugen durch langlebige Materialien und gute Verarbeitung.<\/p>\n Nichts ist nerviger als langes Suchen im Backpack. Kleine F\u00e4cher hair Schl\u00fcssel, Stifte oder das Helpful helfen, Ordnung zu halten. Ein Laptop-Fach sch\u00fctzt den Computer. Different F\u00e4cher f\u00fcr Tablet computer oder Dokumente sind praktisch. Wer oft unterwegs ist, freut sich \u00fcber schnellen Zugriff auf alles Wichtige. Eine gute Aufteilung spart Zeit und Nerven. Bei den Modellen von KONO Alltagsrucksack<\/a> ist pass away Inneneinteilung clever durchdacht.<\/p>\nBequemer Tragekomfort f\u00fcr lange Tage<\/h2>\n
Material und Verarbeitung pr\u00fcfen<\/h2>\n
Durchdachte Aufteilung im Inneren<\/h2>\n
Sicherheit und Komfort unterwegs<\/h2>\n