Thursday, May 1, 2025

Bootstrap 4 Button Groups


<?php include 'header.php' ?>

<div class="container-fluid">

<div class="btn-group">
<button type="button" class="btn btn-primary">Primary</button>
<button type="button" class="btn btn-secondary">Secondary</button>
<button type="button" class="btn btn-info">Info</button>
<button type="button" class="btn btn-warning">Warning</button>
</div>

<div class="btn-group">
<button type="button" class="btn btn-danger">Danger</button>
<button type="button" class="btn btn-dark">Dark</button>
<button type="button" class="btn btn-success">Success</button>
</div>

</div>

<?php include 'footer.php' ?>

<?php include 'header.php' ?>

<div class="container-fluid">

<div class="btn-group-vertical">
<button type="button" class="btn btn-primary">Primary</button>
<button type="button" class="btn btn-secondary">Secondary</button>
<button type="button" class="btn btn-info">Info</button>
<button type="button" class="btn btn-warning">Warning</button>
</div>

<div class="btn-group-vertical">
<button type="button" class="btn btn-danger">Danger</button>
<button type="button" class="btn btn-dark">Dark</button>
<button type="button" class="btn btn-success">Success</button>
</div>

</div>

<?php include 'footer.php' ?>

<?php include 'header.php' ?>

<div class="container-fluid">

<div class="btn-group">
<button type="button" class="btn btn-primary">Menu</button>
<button type="button" class="btn btn-primary dropdown-toggle dropdown-toggle-split"
 data-toggle="dropdown"></button>

<div class="dropdown-menu btn btn-primary">
	<a href="#" class="dropdown-item">Sub-Menu</a>
	<a href="#" class="dropdown-item">Sub-Menu</a>
	<a href="#" class="dropdown-item">Sub-Menu</a>
</div>

</div>
</div>

<?php include 'footer.php' ?>

No comments:

Post a Comment

Tkinter Introduction - Top Widget, Method, Button

First, let's make shure that our tkinter module is working ok with simple  for loop that will spawn 5 instances of blank Tk window .  ...