HTML Compiler Online
Javascript Online Compiler
index.html
Change Theme
Compress code
Format code
Download Code
Clear Code
Copy Code!
RunĀ
ctrl+s or click
Output
<!DOCTYPE html> <html lang="en"> <head> <!-- Required meta tags --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <!-- Bootstrap CSS --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <title>Bootstrap - List inline</title> </head> <body> <h2>To create inline list items use ".list-inline" either on your "<ol>" or "<ul<" and ".list-inline-item" on its "<li>" elements.</h2> <ul class="list-inline"> <li class="list-inline-item"><i class="fa fa-align-left"></i> Align Left</li> <li class="list-inline-item"><i class="fa fa-align-right"></i>Align Right</li> <li class="list-inline-item"><i class="fa fa-align-center">Align Center</i></li> <li class="list-inline-item"><i class="fa fa-align-justify">Align Justify</i></li> </ul> <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script> </body> </html>
RunĀ