Title

Subtitle

Lorem ipsum dolor sit amet consectetur adipisicing elit. Facere mollitia qui aut. Molestias explicabo autem veniam doloribus doloremque numquam odit rem sapiente natus ipsam temporibus voluptates, ab mollitia repellat! Itaque.

Basic example

@ Username

@example.com Recipient's username

https://example.com/users/ Your vanity URL

$ .00 Your vanity URL

With textarea Textarea form


                        
                          @
                          
                          Username
                        

                        
                          
                          @example.com
                          Recipient's username
                        

                        
                          https://example.com/users/
                          
                          Your vanity URL
                        

                        
                          $
                          
                          .00
                          Your vanity URL
                        

                        
                          With textarea
                          
                          Textarea form

.p { color: blue; }


                        var myModal = new bootstrap.Modal(document.getElementById('myModal'),
                        options)

Wrapping

@ Username

.p { color: blue; }


                        var myModal = new bootstrap.Modal(document.getElementById('myModal'),
                        options)

Title - API

Usage

Via data attributes

Via JavaScript


                      var myModal = new bootstrap.Modal(document.getElementById('myModal'), options)

Options

Name	Type	Default	Description
`tag`	String	`'button'`	Changes button tag

Methods

Name	Description	Example
`toggle`	Manually toggles a modal	`myModal.toggle()`

Events

Name	Description
`show.bs.modal`	This event fires immediately when the show instance method is called. If caused by a click, the clicked element is available as the relatedTarget property of the event.

Z borderem

Input group

@example.com

Your vanity URL

https://example.com/users/

$ .00

With textarea

File input

Choose file... Browse

Lorem ipsum posuere consectetur est at lobortis nulla vitae elit libero a pharetra augue fusce dapibus tellus ac cursus commodo tortor mauris condimentum nibh ut fermentum massa justo sit amet risus cras mattis consectetur purus sit amet fermentum Browse

Choose file... Browse

Bez bordera

Input group

@example.com

Your vanity URL

https://example.com/users/

$ .00

With textarea

File input

Choose file... Browse

Label

Input group

@ Example label

@example.com Example label

Your vanity URL

https://example.com/users/ Example label

$ .00 Example label

With textarea Example label

Title

Subtitle

Basic example

Wrapping

Title - API

Usage

Via data attributes

Via JavaScript

Options

Methods

Events

Custom file input

Custom select

Segmented buttons

Buttons with dropdowns

Buttons addons

Multiple addons

Multiple inputs

Checkboxes and radios

Wrapping

Sizing - input group

Sizing - form file

Sizing - form control

Z borderem

Input group

File input

Bez bordera

Input group

File input

Label

Input group