// // 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":46289,"date":"2025-09-10T05:35:45","date_gmt":"2025-09-10T03:35:45","guid":{"rendered":"https:\/\/www.solucionessmart.com.uy\/smartporteria\/?p=46289"},"modified":"2026-03-12T05:48:10","modified_gmt":"2026-03-12T04:48:10","slug":"h1-id-cooling-bien-refroidir-son-pc-quel-type-de-4","status":"publish","type":"post","link":"https:\/\/www.solucionessmart.com.uy\/smartporteria\/2025\/09\/10\/h1-id-cooling-bien-refroidir-son-pc-quel-type-de-4\/","title":{"rendered":"

ID-COOLING– Bien refroidir son PC: quel type de refroidissement choisir?<\/h1>"},"content":{"rendered":"

Pourquoi un bon refroidissement est essentiel<\/h2>\n

Un processeur qui chauffe trop perd en efficiency et peut m\u00eame s’endommager. Les ventilateurs d’origine, souvent fournis avec les CPU, remplissent leur office mais montrent leurs limites d\u00e8s que l’ordinateur est sollicit\u00e9. Un bon syst\u00e8me de refroidissement maintient des temp\u00e9ratures stables, r\u00e9duit le bruit et permet parfois d’augmenter les fr\u00e9quences. C’est un investissement qui pr\u00e9serve la dur\u00e9e de vie des composants. Des options adapt\u00e9es \u00e0 tous les besoins sont propos\u00e9es par ventirads ID-COOLING<\/a>.<\/p>\n

Refroidissement par air: simple et fiable<\/h2>\n

Le ventirad classique reste la remedy la plus r\u00e9pandue. Un radiateur en m\u00e9tal dissipe la chaleur, un ventilateur l’\u00e9vacue. Les mod\u00e8les hauts de gamme avec plusieurs caloducs et un grand radiateur \u00e9galent parfois les petits watercooling. Leur atout: la simplicit\u00e9 d’installation et l’absence de risque de fuite. Ils sont aussi souvent plus abordables. Pour une arrangement classique, c’est un excellent choix. Les ventirads performants de ventirads ID-COOLING<\/a> couvrent tous les budget plans.<\/p>\n

Watercooling tout-en-un: le compromis perfect<\/h2>\n

Les watercooling pr\u00e9-remplis offrent un bon compromis. Un bloc pompe sur le CPU, un radiateur avec ventilateurs, le proclaim en circuit ferm\u00e9. Ils refroidissent mieux qu’un ventirad classique, surtout sur les processeurs puissants. Leur esth\u00e9tique pla\u00eet aussi, avec des \u00e9clairages RGB et des blocs transparents. L’installation reste simple, sans manipulation de liquide. Disponibles en 120, 240 ou 360 mm, ils s’adaptent \u00e0 toutes les arrangements. Les watercooling de ventirads ID-COOLING<\/a> offrent un superb rapport qualit\u00e9-prix.<\/p>\n

Des mod\u00e8les avec \u00e9cran pour un appearance special<\/h2>\n

Certains watercooling int\u00e8grent d\u00e9sormais un petit \u00e9cran LCD sur le bloc pompe. On peut y afficher la temperature level du CPU, la fr\u00e9quence ou m\u00eame une image personnalis\u00e9e. C’est un d\u00e9tail qui fait la diff\u00e9rence put les amateurs de sweetheart arrangements. L’\u00e9cran ajoute une touche modern et permet de surveiller les performances en temps r\u00e9el. Pour les configurateurs exigeants, c’est un vrai plus. Les mod\u00e8les avec \u00e9cran de ventirads ID-COOLING<\/a> allient esth\u00e9tique et fonctionnalit\u00e9.<\/p>\n

Choisir la bonne taille de radiateur<\/h2>\n

La taille du radiateur d\u00e9termine la capacit\u00e9 de refroidissement. Un 120 mm convient put les processeurs d’entr\u00e9e de gamme. Un 240 mm est un common put la plupart des configurations. Un 360 mm est recommand\u00e9 pour les tr\u00e8s gros processeurs ou l’overclocking. Il faut aussi v\u00e9rifier la location disponible dans le bo\u00eetier. Certains bo\u00eetiers compacts n’acceptent que du 120 ou 240 mm \u00e0 l’avant ou sur le dessus. Bien choisir sa taille \u00e9vite les mauvaises shocks. Les diff\u00e9rents formats sont disponibles chez ventirads ID-COOLING<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"

Pourquoi un bon refroidissement est essentiel Un processeur qui chauffe trop perd en efficiency et peut m\u00eame s’endommager. Les ventilateurs […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[1307],"tags":[],"class_list":["post-46289","post","type-post","status-publish","format-standard","hentry","category-article"],"_links":{"self":[{"href":"https:\/\/www.solucionessmart.com.uy\/smartporteria\/wp-json\/wp\/v2\/posts\/46289","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.solucionessmart.com.uy\/smartporteria\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.solucionessmart.com.uy\/smartporteria\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.solucionessmart.com.uy\/smartporteria\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.solucionessmart.com.uy\/smartporteria\/wp-json\/wp\/v2\/comments?post=46289"}],"version-history":[{"count":1,"href":"https:\/\/www.solucionessmart.com.uy\/smartporteria\/wp-json\/wp\/v2\/posts\/46289\/revisions"}],"predecessor-version":[{"id":46290,"href":"https:\/\/www.solucionessmart.com.uy\/smartporteria\/wp-json\/wp\/v2\/posts\/46289\/revisions\/46290"}],"wp:attachment":[{"href":"https:\/\/www.solucionessmart.com.uy\/smartporteria\/wp-json\/wp\/v2\/media?parent=46289"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.solucionessmart.com.uy\/smartporteria\/wp-json\/wp\/v2\/categories?post=46289"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.solucionessmart.com.uy\/smartporteria\/wp-json\/wp\/v2\/tags?post=46289"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}