Lakshmi Srinivas has Published 315 Articles

Image Thumbnail with Bootstrap

Lakshmi Srinivas

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          

Create button in Bootstrap

Lakshmi Srinivas

Lakshmi Srinivas

Updated on 12-Jun-2020 14:31:50

134 Views

To create a Bootstrap Button, you can try to run the following buttonExampleLive Demo           Bootstrap Example                                             Result    

Bootstrap Form TextArea

Lakshmi Srinivas

Lakshmi Srinivas

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

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

711 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

Bootstrap Validation States

Lakshmi Srinivas

Lakshmi Srinivas

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

300 Views

Bootstrap includes validation styles for errors, warnings, and success messages. To use, simply add the appropriate class (.has-warning, .has-error, or .has-success) to the parent element.ExampleYou can try to run the following code to implement the validation statesLive  Demo           Bootstrap Example       ... Read More

input-lg Bootstrap class

Lakshmi Srinivas

Lakshmi Srinivas

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

275 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

414 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

168 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

Fire HTML5 dragstart

Lakshmi Srinivas

Lakshmi Srinivas

Updated on 04-Jun-2020 11:28:03

114 Views

To fire dragstart after mousemove, try the following:If you are firing dragstart event, then implement the rest of the process flow as well:To solve the problem, create the user experience as follows:You need to instruct the user to click on the respective area for enabling drag When a user clicks on ... Read More

How to place the cursor (auto focus) in the text box when a page gets loaded with HTML?

Lakshmi Srinivas

Lakshmi Srinivas

Updated on 01-Jun-2020 11:37:10

3K+ Views

Use the autofocus attribute to place the cursor in the text box when a page loads. The autofocus attribute is a Boolean attribute. When present, it specifies that an element should automatically get focus when the page loads. Here is an example −Example                    Name:          Subject:                    

Advertisements