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.

Utilities

Example label

Another label


                        
                          
                          Example label
                        
                        
                          
                          Another label

Form grid

First name

Last name

Gutters

First name

Last name

More complex layouts can also be created with the grid system.

Password

Address

Address 2

City

State

Zip

Check me out


                        
                          
                            
                              
                              Email
                            
                          
                          
                            
                              
                              Password
                            
                          
                          
                            
                              
                              Address
                            
                          
                          
                            
                              
                              Address 2
                            
                          
                          
                            
                              
                              City
                            
                          
                          
                            
                            State
                          
                          
                            
                              
                              Zip
                            
                          
                          
                            
                              
                               Check me out

Horizontal form

Password

Radios

First radio

Second radio

Third disabled radio

Checkbox

Example checkbox


                        
                          
                            
                              Email
                            
                            
                              
                                
                                Email
                              
                            
                          
                          
                            
                              Password
                            
                            
                              
                                
                                Password
                              
                            
                          
                          
                            
                              Radios
                              
                                
                                  
                                  
                                    First radio
                                  
                                
                                
                                  
                                  
                                    Second radio
                                  
                                
                                
                                  
                                  
                                    Third disabled radio
                                  
                                
                              
                            
                          
                          
                            Checkbox
                            
                              
                                
                                
                                  Example checkbox

Horizontal form label sizing

col-form-label-sm

col-form-label

col-form-label-lg


                        
                          
                            Email
                          
                          
                            
                              
                              col-form-label-sm
                            
                          
                        
                        
                          
                            Email
                          
                          
                            
                              
                              col-form-label
                            
                          
                        
                        
                          
                            Email
                          
                          
                            
                              
                              col-form-label-lg

Column sizing

City

State

Zip

Auto sizing

Name

@ Username

Remember me


                        
                          
                            
                              
                              Name
                            
                          
                          
                            
                              @
                              
                              Username
                            
                          
                          
                            Preference
                            
                          
                          
                            
                              
                              
                                Remember me

You can then remix that once again with size-specific column classes.

Name

@ Username

Remember me


                        
                          
                            
                              
                              Name
                            
                          
                          
                            
                              @
                              
                              Username
                            
                          
                          
                            Preference
                            
                          
                          
                            
                              
                              
                                Remember me

Inline forms

Name

@ Username

Remember me


                        
                          
                            
                              
                              Name
                            
                          
                          
                            
                              @
                              
                              Username
                            
                          
                          
                            Preference
                            
                          
                          
                            
                              
                              
                                Remember me

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.