button group bootstrap

44

bootstrap button group - 

<div class="btn-toolbar" role="toolbar" aria-label="Toolbar with button groups">
  <div class="btn-group mr-2" role="group" aria-label="First group">
    <button type="button" class="btn btn-secondary">1</button>
    <button type="button" class="btn btn-secondary">2</button>
    <button type="button" class="btn btn-secondary">3</button>
    <button type="button" class="btn btn-secondary">4</button>
  </div>
  <div class="btn-group mr-2" role="group" aria-label="Second group">
    <button type="button" class="btn btn-secondary">5</button>
    <button type="button" class="btn btn-secondary">6</button>
    <button type="button" class="btn btn-secondary">7</button>
  </div>
  <div class="btn-group" role="group" aria-label="Third group">
    <button type="button" class="btn btn-secondary">8</button>
  </div>
</div>

group button - 

<fieldset class="slds-form-element">
  <legend class="slds-form-element__legend slds-form-element__label">
    <abbr class="slds-required" title="required">*</abbr>Radio Group Label</legend>
  <div class="slds-form-element__control">
    <div class="slds-radio_button-group">
      <span class="slds-button slds-radio_button">
        <input type="radio" name="example-unique-name-113" id="example-unique-id-115" value="monday" />
        <label class="slds-radio_button__label" for="example-unique-id-115">
          <span class="slds-radio_faux">Mon</span>
        </label>
      </span>
      <span class="slds-button slds-radio_button">
        <input type="radio" name="example-unique-name-113" id="example-unique-id-116" value="tuesday" />
        <label class="slds-radio_button__label" for="example-unique-id-116">
          <span class="slds-radio_faux">Tue</span>
        </label>
      </span>
      <span class="slds-button slds-radio_button">
        <input type="radio" name="example-unique-name-113" id="example-unique-id-117" value="wednesday" />
        <label class="slds-radio_button__label" for="example-unique-id-117">
          <span class="slds-radio_faux">Wed</span>
        </label>
      </span>
      <span class="slds-button slds-radio_button">
        <input type="radio" name="example-unique-name-113" id="example-unique-id-118" value="thursday" />
        <label class="slds-radio_button__label" for="example-unique-id-118">
          <span class="slds-radio_faux">Thu</span>
        </label>
      </span>
      <span class="slds-button slds-radio_button">
        <input type="radio" name="example-unique-name-113" id="example-unique-id-119" value="friday" />
        <label class="slds-radio_button__label" for="example-unique-id-119">
          <span class="slds-radio_faux">Fri</span>
        </label>
      </span>
    </div>
  </div>
</fieldset>

Comments

Submit
0 Comments

More Questions

url()- full() laravelhow to print in c# c# how to sort a list
print in c#get mouse position unity c# initialize array
string to int c#Retrieve url path Generate Random String
string to date vbmodal bootstrap style abril modal boostrap
c# serialize jsonboostrap 4 modal small modal popup bootstrap
model in bootsrap 4bootstrap modal popup c# random string
c sharp split stringstring to json c# laravel get current url
how get url in laravelhow to generate random letters in C# string to date
laravel route redirectcheck if two date ranges overlap c# Console.WriteLine($Hello Ana.ToUpper($)!);
phone number regex in c#list min and Max value in c# check shell command success
attribute c# get method name reflectionc# how to get screen resolution in class how to make dissapear an object in unity
wpf label text in centerhahhaa i hack u difference between all logging framework .NET Core
new color unityc# count files in directory and subdirectories Hello World Dotnet
import tachyons in reactHow can I cast string to enum .net core add header to soap request
open html file in browser using c++git find commits by message c# generate random date
how to get angular on visual studio macdotnet core encryption and decryption asp.net list all files in folder
C
CSS
Objective-C
PHP
Java
C++
Javascript
Html
Python
SQL
Swift
Ruby
Go
R
TypeScript
Kotlin
Assembly
VBA
Scala
Rust
Elixir
Dart
Haskell
Perl
Fortran
Matlab
Scheme
Julia
Lua
Delphi
Pascal
Solidity
BASIC
ActionScript
Csharp