Part 19 Bootstrap split button dropdown

This example for creating split button menu.link http://csharp-video-tutorials.blogspot.in/2016/06/bootstrap-split-button-dropdown.html?m=1 What is a part 19 bootstrap split button dropdown How do you make a part 19 bootstrap split button dropdown? This script and codes were developed by Venkatesh on 26 January 2022, Wednesday.

How do I make an part 19 bootstrap split button dropdown?
  1. Part 19 Bootstrap split button dropdown Previews
  2. Part 19 Bootstrap split button dropdown HTML Codes
Part 19 Bootstrap split button dropdown Previews

Part 19 Bootstrap split button dropdown HTML Codes

<!DOCTYPE html>
<html >
<head>
  <meta charset="UTF-8">
  <title>Part 19 Bootstrap split button dropdown</title>
  
  
  <link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css'>

  
  
</head>

<body>
  <div class="container">
  <div class="row">
    <div class="col-sm-12">
      <div class="btn-group">
        <button class="btn btn-primary">Sql Server</button>
        <button class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
          <span class="caret"></span>
        </button>
        <ul class="dropdown-menu">
          <li><a href="#">Oracle</a></li>
          <li><a href="#">C#</a></li>
          <li><a href="#">C++</a></li>
        </ul>
      </div>
    </div>
  </div>
  <div class="row"> <div class="col-sm-12"> <br /></div></div>
  <div class="row"></div>
  <div class="row"></div>
  <div class="row">
    <div class="col-sm-12">
      <div class="btn-group dropup">
         <button class="btn btn-primary">Sql Server</button>
        <button class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
          <span class="caret"></span>
        </button>
        <ul class="dropdown-menu">
          <li><a href="#">Oracle</a></li>
          <li><a href="#">C#</a></li>
          <li><a href="#">C++</a></li>
        </ul>
      </div>
    </div>
  </div>
  
</div>
  <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js'></script>

  
</body>
</html>
Do you want hide your ip address?Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup.