George John has Published 1167 Articles

sr-only Bootstrap class

George John

George John

Updated on 12-Jun-2020 14:53:35

335 Views

Hide an element to all devices except screen readers with the class .sr-only.You can try to run the following code to implement the sr-only Bootstrap −ExampleLive Demo           Bootstrap Example                                                                      Email address                                                        Password                                                

Create block level button with Bootstrap

George John

George John

Updated on 12-Jun-2020 14:43:49

219 Views

To create a block level button, use the .btn-block class.You can try to run the following code to add a block level button −ExampleLive Demo           Bootstrap Example                                       The following are block level buttons:                Block level Primary button                      Block level button          

img-rounded Bootstrap class

George John

George John

Updated on 12-Jun-2020 14:37:56

214 Views

Use the img-rounded Bootstrap class to style your image and give it rounded corners:ExampleLive Demo           Bootstrap Images                                 Styling images with Bootstrap       Original Image             Rounded Image          

Enable successful action of Bootstrap button

George John

George John

Updated on 12-Jun-2020 14:29:28

141 Views

To set a successful action in Bootstrap, use the .btn-success class −ExampleLive Demo           Bootstrap Example                                       Success Button    

Make the button size small with Bootstrap

George John

George John

Updated on 12-Jun-2020 14:08:30

2K+ Views

To make a small button, use the .btn-sm Bootstrap class.You can try to run the following code to make small size of button −ExampleLive Demo           Bootstrap Example                                                Small button          

Bootstrap radio class

George John

George John

Updated on 12-Jun-2020 13:54:03

272 Views

Use radio class if you want to limit the user to just one selection. Use .radio-inline class to a series of radios for controls appears on the same line.You can try to run the following code to implement the Bootstrap radio class &mminus;ExampleLive Demo           ... Read More

Create a form that uses the horizontal layout with Bootstrap

George John

George John

Updated on 12-Jun-2020 13:47:25

336 Views

To create a horizontal layout in Bootstrap, use the form-horizontal class.You can try to run the following code −ExampleLive Demo           Bootstrap Example                                                             Name                                                                         Country                                                                                        Sign in                                

Bootstrap .form-control-static class

George John

George John

Updated on 12-Jun-2020 13:37:05

1K+ Views

Use the class .form-control-static on a when you need to place plain text next to a form label within a horizontal form.You can try to run the following code to implement the .form-control-static class −ExampleLive Demo           Bootstrap Example                                                             Email:                            amit@example.com                                             Password:                                                            

Bootstrap form structure

George John

George John

Updated on 12-Jun-2020 13:29:11

383 Views

To create a form in Bootstrap, Add a role form to the parent element.Wrap labels and controls in a with class .form-group. This is needed for optimum spacing.Add a class of .form-control to all textual , , and elements.You can try to run the following code to create ... Read More

Bootstrap class input-group-sm

George John

George John

Updated on 12-Jun-2020 13:16:57

137 Views

To make small input group, use the input-group-sm.You can try to run the following code to implement the input-group-sm class in Bootstrap −ExampleLive Demo           Bootstrap Example                                                                      $                                                

Advertisements