Linux webserver 6.8.0-49-generic #49~22.04.1-Ubuntu SMP PREEMPT_DYNAMIC Wed Nov 6 17:42:15 UTC 2 x86_64
Apache/2.4.52 (Ubuntu)
Server IP : 192.168.1.1 & Your IP : 3.144.72.54
Domains :
Cant Read [ /etc/named.conf ]
User : www-data
Terminal
Auto Root
Create File
Create Folder
Localroot Suggester
Backdoor Destroyer
Readme
/
usr /
share /
doc /
libjs-bootstrap4 /
utilities /
Delete
Unzip
Name
Size
Permission
Date
Action
borders.md
2.41
KB
-rw-r--r--
2021-01-19 16:16
clearfix.md
916
B
-rw-r--r--
2021-01-19 16:16
close-icon.md
365
B
-rw-r--r--
2021-01-19 16:16
colors.md
2.68
KB
-rw-r--r--
2021-01-19 16:16
display.md
3.88
KB
-rw-r--r--
2021-01-19 16:16
embed.md
1.87
KB
-rw-r--r--
2021-01-19 16:16
flex.md.gz
2.79
KB
-rw-r--r--
2021-01-19 16:16
float.md
1.67
KB
-rw-r--r--
2021-01-19 16:16
image-replacement.md
968
B
-rw-r--r--
2021-01-19 16:16
interactions.md
814
B
-rw-r--r--
2021-01-19 16:16
overflow.md
1006
B
-rw-r--r--
2021-01-19 16:16
position.md
1.38
KB
-rw-r--r--
2021-01-19 16:16
screen-readers.md
596
B
-rw-r--r--
2021-01-19 16:16
shadows.md
740
B
-rw-r--r--
2021-01-19 16:16
sizing.md
2.13
KB
-rw-r--r--
2021-01-19 16:16
spacing.md
3.95
KB
-rw-r--r--
2021-01-19 16:16
stretched-link.md.gz
1.46
KB
-rw-r--r--
2021-01-19 16:16
text.md.gz
1.5
KB
-rw-r--r--
2021-01-19 16:16
vertical-align.md
1.25
KB
-rw-r--r--
2021-01-19 16:16
visibility.md
914
B
-rw-r--r--
2021-01-19 16:16
Save
Rename
--- layout: docs title: Clearfix description: Quickly and easily clear floated content within a container by adding a clearfix utility. group: utilities --- Easily clear `float`s by adding `.clearfix` **to the parent element**. Can also be used as a mixin. ```html <div class="clearfix">...</div> ``` ```scss // Mixin itself @mixin clearfix() { &::after { display: block; content: ""; clear: both; } } // Usage as a mixin .element { @include clearfix; } ``` The following example shows how the clearfix can be used. Without the clearfix the wrapping div would not span around the buttons which would cause a broken layout. {{< example >}} <div class="bg-info clearfix"> <button type="button" class="btn btn-secondary float-left">Example Button floated left</button> <button type="button" class="btn btn-secondary float-right">Example Button floated right</button> </div> {{< /example >}}