Float in bootstrap 5

Float right bootstrap

<div class="float-left">Float left on all viewport sizes</div><br>
<div class="float-right">Float right on all viewport sizes</div><br>
<div class="float-none">Don't float on all viewport sizes</div>

Float in bootstrap

Toggle floats on any element, across any breakpoint, using our responsive float utilities.<div class="float-left">Float left on all viewport sizes</div><br>
<div class="float-right">Float right on all viewport sizes</div><br>
<div class="float-none">Don't float on all viewport sizes</div>

Float in bootstrap 5

According to Bootstarp 5
<div class="float-start">Float start on all viewport sizes</div><br>
<div class="float-end">Float end on all viewport sizes</div><br>
<div class="float-none">Don't float on all viewport sizes</div>

Float left bootstrap

<meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

Bootstrap 5 float right

.float-start
.float-end
.float-none
.float-sm-start
.float-sm-end
.float-sm-none
.float-md-start
.float-md-end
.float-md-none
.float-lg-start
.float-lg-end
.float-lg-none
.float-xl-start
.float-xl-end
.float-xl-none
.float-xxl-start
.float-xxl-end
.float-xxl-none

-1

Source: getbootstrap.com

Similar codes

2 votes227 views1 answer
Html sms link android
Html
2 votes277 views2 answers
How to change html code of a website
Html
0 vote245 views1 answer
Contact text box accept only till 10 digit in html
Html
0 vote230 views1 answer
Emoji Symbols in UTF-8 of coins
Html
3 votes283 views2 answers
Angular material drag and drop only on button
Html
0 vote226 views4 answers
Add link to text using span html
Html
-2 votes224 views3 answers
How to insert a banner in html
Html
1 vote223 views1 answer
Jquery insert html into iframe
Html
1 vote232 views1 answer
Ng router link
Html
66 votes214 views2 answers
How to open link in new tab
Html