// // 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":74265,"date":"2026-03-30T09:38:03","date_gmt":"2026-03-30T07:38:03","guid":{"rendered":"https:\/\/www.solucionessmart.com.uy\/smartporteria\/?p=74265"},"modified":"2026-03-30T10:55:36","modified_gmt":"2026-03-30T08:55:36","slug":"cfd-trading-explained-benefits-risks-and-platforms","status":"publish","type":"post","link":"https:\/\/www.solucionessmart.com.uy\/smartporteria\/2026\/03\/30\/cfd-trading-explained-benefits-risks-and-platforms\/","title":{"rendered":"CFD Trading Explained: Benefits, Risks, and Platforms"},"content":{"rendered":"

You believe Tesla\u2019s stock will rise in value and want to take advantage of this chance by opening a long CFD position. For privacy and data protection related complaints please contact us at Please read our PRIVACY POLICY STATEMENT for more information on handling of personal data. In the Trade Balance, you can track your P&L, swap P&L (refers to swap rates in trading), your balance, equity, margin, and free margin.<\/p>\n

Which is better out of CFDs and futures?<\/h2>\n

Using a demo account is essential as it provides a risk-free environment to practice trading with virtual funds, allowing you to build confidence and refine your strategies before entering live markets. This preparation can significantly enhance your performance when you begin trading with real money. When trading CFDs, you\u2019re predicting whether an asset\u2019s price will rise or fall. If you think the asset\u2019s price will go up, you\u2019ll \u2018buy\u2019 (go long) and if you think the price will fall, you\u2019ll \u2018sell\u2019 (go short). The outcome of your prediction will determine whether you make a profit or incur a loss. For a more detailed analysis and specific recommendations tailored to different needs, you can refer to our comprehensive guides.<\/p>\n

Our mobile trading apps, state-of-the-art technology and free educational tools make the process of switching your account to us is fast and effortless. There is also a small charge to fund positions overnight and for guaranteed stops (if triggered), and there may be additional fees for specialist tool. For every share CFD trade, you\u2019ll pay a commission instead of a spread. We introduce people to the world of trading currencies, both fiat and crypto, through our non-drowsy educational content and tools. We’re also a community of traders that support each other on our daily trading journey.<\/p>\n

What are the key features of CFD trading?<\/h3>\n

\"CFD<\/p>\n

Instead, investors can trade derivative instruments such as CFDs, which track the price of the actual asset (known as the \u201cunderlying asset\u201d). Underlying assets could include stocks and commodities, among others. If you invested $100 into a position with 10x leverage, the total size of your position would be $1,000. If the price of oil rose by 5%, your position would be worth $1,050, demonstrating a profit of $50. If the price fell by 5%, your position would be worth $950 \u2014 a loss of $50. If you completed the same trade without leverage, your profit or loss would be $5, depending on which direction the price moved.<\/p>\n

What is a CFD?<\/h2>\n

\"CFD<\/p>\n

50% of our users track their account balances, open positions and view past transactions using our trading app. Traders, as opposed to investors, are those who\u2019d prefer to make use of leverage and derivatives to go long or short on various markets. It\u2019s important to note that trading is inherently risky \u2013 and you could lose more than you expected if you don\u2019t take the appropriate risk management steps.<\/p>\n