sudhakarinfotech
(current)
Run Code
Live Code Editor- Bulma Tabs Styles
Source Code
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <title>Bulma CSS Tabs Style </title> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.3/css/bulma.min.css"> <script src="https://use.fontawesome.com/releases/v5.1.0/js/all.js"></script> </head> <body> <div class="container"> <h1 class="mt-6 ml-6 mb-4">Bulma CSS Tab Style </h1> <div class="columns"> <div class="column"> <div class="tabs is-boxed"> <ul> <li class="is-active"> <a> <span class="icon is-small"> <i class="fas fa-image" aria-hidden="true"></i> </span> <span>Web Design</span> </a> </li> <li> <a> <span class="icon is-small"> <i class="fas fa-music" aria-hidden="true"></i> </span> <span>Web Development</span> </a> </li> <li> <a> <span class="icon is-small"> <i class="fas fa-film" aria-hidden="true"></i> </span> <span>Graphics Design</span> </a> </li> <li> <a> <span class="icon is-small"> <i class="far fa-file-alt" aria-hidden="true"></i> </span> <span>App Design</span> </a> </li> </ul> </div> </div> </div> </div> </body> </html>
Source Code Output :
Running