Lakshmi Srinivas has Published 224 Articles

Use dropdowns with any button size using Bootstrap

Lakshmi Srinivas

Lakshmi Srinivas

Updated on 12-Jun-2020 15:52:38

153 Views

Use btn-large, .btn-sm, or .btn-xs class to use dropdowns with any button size.Let us see an example of btn-largeExampleLive Demo           Bootstrap Example                                                       Default                                                 Action             Another action             Something else here                         Separated link                    

Img-circle Bootstrap class

Lakshmi Srinivas

Lakshmi Srinivas

Updated on 12-Jun-2020 15:08:13

567 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 implement the img-circle classExampleLive Demo           Bootstrap Images                                 Styling images with Bootstrap       Original Image             Image with Rounded Corners          

Clear the float of an element with Bootstrap

Lakshmi Srinivas

Lakshmi Srinivas

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

623 Views

To clear the float of an element, use the .clearfix Bootstrap class.ExampleYou can try to run the following code to clear float of an elementLive Demo           Bootstrap Example                                                       left                                 right                    

Set active state for Bootstrap Buttons

Lakshmi Srinivas

Lakshmi Srinivas

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

2K+ 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          

Image Thumbnail with Bootstrap

Lakshmi Srinivas

Lakshmi Srinivas

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

887 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          

Bootstrap Form TextArea

Lakshmi Srinivas

Lakshmi Srinivas

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

3K+ Views

The textarea is used when you need multiple lines of input. You can try to run the following code to work with textarea in Bootstrap FormsExampleLive Demo           Bootstrap Forms                                                             Player                                             Rank                                             Player Details                                

How to show for loop using a flowchart in JavaScript?

Lakshmi Srinivas

Lakshmi Srinivas

Updated on 12-Jun-2020 13:58:53

1K+ Views

The “for” loop includes loop initialization where we initialize our counter to a starting value. The initialization statement is executed before the loop begins, the test statement which will test if a given condition is true or not. If the condition is true, then the code given inside the loop will be ... Read More

input-lg Bootstrap class

Lakshmi Srinivas

Lakshmi Srinivas

Updated on 12-Jun-2020 13:48:36

556 Views

The input-lg is used to set the height of forms in Bootstrap.You can try to run the following code to implement the input-lg Bootstrap class ExampleLive Demo           Bootstrap Example                                                                                                                .input-lg                                

Bootstrap Form CheckBox

Lakshmi Srinivas

Lakshmi Srinivas

Updated on 12-Jun-2020 13:46:22

544 Views

Use checkbox class if you want the user to select any number of options from a list. Use .checkbox-inline class to a series of checkboxes for controls appear on the same line.You can try to run the following code to implement Bootstrap form checkboxExampleLive Demo         ... Read More

Bootstrap Form Input

Lakshmi Srinivas

Lakshmi Srinivas

Updated on 12-Jun-2020 13:38:13

309 Views

The most common form text field is the input field. This is where users will enter most of the essential form data. Bootstrap offers support for all native HTML5 input types: text, password, datetime, datetime-local, date, month, time, week, number, email, url, search, tel, and color. The proper type declaration is required ... Read More

Previous 1 ... 7 8 9 10 11 ... 23 Next
Advertisements