Article Categories
- All Categories
-
Data Structure
-
Networking
-
RDBMS
-
Operating System
-
Java
-
MS Excel
-
iOS
-
HTML
-
CSS
-
Android
-
Python
-
C Programming
-
C++
-
C#
-
MongoDB
-
MySQL
-
Javascript
-
PHP
Javascript Articles
Page 470 of 534
Split Button Dropdowns with Bootstrap
Split button dropdowns use the same general style as the dropdown button but add a primary action along with the dropdown. Split buttons have the primary action on the left and a toggle on the right that displays the dropdown.ExampleYou can try to run the following code to split button dropdowns −Live Demo Bootstrap Example Admissions Toggle Dropdown Masters Bachelors Faculty Toggle Dropdown Management Technical Staff
Read MoreClear the float of an element with Bootstrap
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
Read MoreClearfix Bootstrap class
Use the .clearfix class to clear the float of any element in Bootstrap.ExampleYou can try to run the following code to implement the clearfix class:Live Demo Bootstrap Example Quick Float to left Quick Float to right
Read Moreimg-rounded Bootstrap class
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
Read MoreAdd sizes for Bootstrap Buttons
To add size for buttons in Bootstrap, try the following classes:ClassDescription.btn-lgThis makes the button size large..btn-smThis makes the button size small..btn-xsThis makes the button size extra small..btn-blockThis creates block level buttons—those that span the full width of a parent.ExampleYou can try to run the following code to create a small button −Live Demo Bootstrap Example Small button
Read MoreBootstrap Form TextArea
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
Read MoreWhat is the difference between break with a label and without a label in JavaScript?
Break without labelThe break statement is used to exit a loop early, breaking out of the enclosing curly braces. The break statement exits out of a loop. ExampleLet’s see an example of break statement in JavaScript without using label −Live Demo var x = 1; document.write("Entering the loop "); while (x < 20) { if (x == 5){ break; // breaks out ...
Read MoreWhat is a default constructor in JavaScript?
If a constructor method is not added, then a default constructor should be used. A default constructor is created when nothing is defined.SyntaxHere’s the syntax −constructor() {}The syntax for derived class −constructor(...args) { super(...args); }
Read MoreHow to show for loop using a flowchart in JavaScript?
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 executed, otherwise, the control will come out of the loop.At the end comes the iteration statement where you can increase or decrease your counter. Let us see how to show for loop using flowchart in JavaScript −
Read MoreWhat is an alert box in JavaScript?
An alert dialog box is mostly used to give a warning message to the users. For example, if one input field requires to enter some text but the user does not provide any input, then as a part of validation, you can use an alert box to give a warning message.Nonetheless, an alert box can still be used for friendlier messages. Alert box gives only one button "OK" to select and proceed.ExampleYou can try to run the following code to learn how to add an alert box −Live Demo Click the following button to see the result:
Read More