Found 626 Articles for CSS Framework

Close Bootstrap class

Samual Sam
Updated on 12-Jun-2020 14:34:22

172 Views

Use the generic close icon for dismissing content like models and alerts. Use the class close to getting the close icon.You can try to run the following code to implement a close Bootstrap classExampleLive Demo           Bootstrap Example                                 Close Icon:                       ×                    

Image Thumbnail with Bootstrap

Lakshmi Srinivas
Updated on 12-Jun-2020 14:37:14

706 Views

To add a thumbnail to the image, use the .img-thumbnail Bootstrap class.You can try to run the following code to add a thumbnail to imagesExampleLive Demo           Bootstrap Images                                 Styling images with Bootstrap       Original Image             Thumbnail Image          

Make image round with Bootstrap

karthikeya Boyini
Updated on 12-Jun-2020 14:39:03

836 Views

Use the img-circle Bootstrap class to style your image and make it completely round.You can try to run the following code to make an image roundExampleLive Demo           Bootstrap Images                                 Styling images with Bootstrap       Original Image             Rounded Image          

Add style to images with Bootstrap

Samual Sam
Updated on 12-Jun-2020 14:41:30

574 Views

The following classes are provided by Bootstrap to add style to images: .img-rounded − adds border-radius:6px to give the image rounded corners. .img-circle − makes the entire image round by adding border-radius:500px. .img-thumbnail − adds a bit of padding and a gray borderYou can try to run the following code to add style to imagesExampleLive Demo           Bootstrap Images                                 Styling images with Bootstrap                      

Disable a Bootstrap Button

Ankith Reddy
Updated on 12-Jun-2020 14:40:12

1K+ Views

When you disable a button, it will fade in color by 50%, and lose the gradient. Use disabled to disable any button.To disable a button, you can try to run the following code −ExampleLive Demo           Bootstrap Example                                 The following are some buttons:                Default Button                      Active Button                      Disabled Button          

Set active state for Bootstrap Buttons

Lakshmi Srinivas
Updated on 12-Jun-2020 14:42:29

1K+ Views

To set the active state for Bootstrap Buttons, use the .active class.The button will appear pressed as in the following codeExampleLive Demo           Bootstrap Example                                 The following are some buttons:                Default Button                      Active Button          

Create block level button with Bootstrap

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          

Make the button size extra small with Bootstrap

karthikeya Boyini
Updated on 12-Jun-2020 14:18:27

4K+ Views

Use the .btn-xs class to create a button size extra small than the standard button.You can try to run the following code to make the size of a button extra smallExampleLive Demo           Bootstrap Example                                       The following are extra small buttons:                Exra Small Primary button                      Extra Small button          

Bootstrap .radio-inline class

Chandu yadav
Updated on 12-Jun-2020 14:21:57

935 Views

Use .radio-inline class to a series of radios for controls to appear on the same line. You can try to run the following code to implement the radio-inline class in Bootstrap −ExampleLive Demo           Bootstrap Forms                                       Best Porgraming Language                             Java                                 C                                 C++                    

Bootstrap .checkbox-inline class

Samual Sam
Updated on 12-Jun-2020 14:20:47

631 Views

Use .checkbox-inline class to a series of checkboxes for controls to appear on the same line. You can try to run the following code to implement the .checkbox-inline classExampleLive Demo           Bootstrap Forms                                       Best IDE (You can select more than one)                             NetBeans IDE                                 Eclipse IDE                    

Advertisements