---
title: "Button group in Bootstrap with Dropdown menu"  
description: "Button group in Bootstrap with Dropdown menu"  
author: "Ethan Karla"  
published: 2021-07-28  
updated: 2021-07-28  
canonical: https://www.mindstick.com/forum/156606/button-group-in-bootstrap-with-dropdown-menu  
category: "bootstrap"  
tags: ["bootstrap"]  
reading_time: 2 minutes  

---

# Button group in Bootstrap with Dropdown menu

How to create [button](https://www.mindstick.com/articles/63/how-to-add-button-in-datagridview-in-csharp-dot-net) [group](https://yourviews.mindstick.com/view/81323/adani-green-energy-group-bags-world-s-biggest-solar-bid) in [Bootstrap with dropdown](https://answers.mindstick.com/qa/93859/how-to-make-a-button-groups-in-bootstrap-with-dropdown-menu-with-help-of-bootstrap-library) menu with the help of Bootstrap [library](https://www.mindstick.com/forum/34615/software-framework-vs-library)?\

## Replies

### Reply by Anonymous User

It's easy to make a Button Groups with [dropdown menu](https://www.mindstick.com/forum/158697/how-can-implement-a-dropdown-menu-or-navigation-bar-with-hover-effects-using-jquery) with the help of an [Bootstrap](https://www.mindstick.com/articles/1555/image-viewer-using-bootstrap-carousel) 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!


---

Original Source: https://www.mindstick.com/forum/156606/button-group-in-bootstrap-with-dropdown-menu

Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.
