Products

Data Converter Cleaner TUC - Unit Converter Import Export Survey Manager Tweet Controller

Developer

Article Blog Forum Interview Beginner News Startup Quiz

Users

Career

Apply Job Internship

Pricing

Login Sign Up Get a Quote

Button group in Bootstrap with Dropdown menu

Ethan Karla 404 28 Jul 2021

How to create button group in Bootstrap with dropdown menu with the help of Bootstrap library?

Ask by Ethan Karla

Updated 28 Jul 2021

1 Answers

Anonymous User 03 Aug 2021

It's easy to make a Button Groups with dropdown menu with the help of an Bootstrap library. Look the below code to understand and how to achieve it :

<!DOCTYPE html>

<html lang='en' xmlns='http://www.w3.org/1999/xhtml'>

<head>

    <meta charset='utf-8'>

    <meta name='viewport' content='width=device-width, initial-scale=1'>

    <link rel='stylesheet' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css'>

    <script src='https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js'></script>

    <script src='https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js'></script>

    <title>Button Group</title>

</head>

<body>

    <div class='container'>

        <h2>Nested Button Bootstrap Dropdown</h2>

        <p>Button Groups in Bootstrap with dropdown menu with help of Bootstrap library</p>

        <div class='btn-group'>

            <button type='button' class='btn btn-danger'>HTML</button>

            <button type='button' class='btn btn-info'>CSS</button>

            <div class='btn-group'>

                <button type='button' class='btn btn-warning dropdown-toggle' data-toggle='dropdown'>

                     Ecmascript<span class='caret'></span>

                </button>

                <ul class='dropdown-menu' role='menu'>

                    <li><a href='#'>jQuery</a></li>

                    <li><a href='#'>JavaScript</a></li>

                </ul>

            </div>

        </div>

    </div>

</body>

</html>

Hope this will help you.

Happy Coding!

advertising

Markdown for AI

A clean, structured version of this page for AI assistants and LLMs.