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
-
Economics & Finance
Web Development Articles
Page 739 of 801
Align an element with the baseline of the parent in Bootstrap 4
Use the align-baseline class in Bootstrap 4 to align an element with the baseline of the parent elment.Set the align-baselinec class like the following code snippet −Now add the content inside it − Demo Baseline You can try to run the following code to align an element with the parent’s baseline −Example Bootstrap Example Example This is demo text Demo Baseline
Read MoreHow to validate email using jQuery?
To validate email using jQuery, use the regex pattern. You can try to run the following code to learn how to validate email using jQuery −Example $(document).ready(function() { $('.error').hide(); $('#submit').click(function(){ var name = $('#name').val(); var email = $('#email').val(); if(name== ''){ $('#name').next().show(); return false; } if(email== ''){ $('#email').next().show(); ...
Read MoreHow to iterate over arrays and objects in jQuery?
To iterate over arrays and objects in jQuery, use the jQuery forEach() loop. You can try to run the following code to learn how to iterate over arrays and objects −Example $(document).ready(function(){ $("#button1").click(function(){ var arr = [{subject: "Maths", id:3}, {subject: "History", id:7}]; arr.forEach(function(el, index) { alert(el.id+" "+el.subject); }); }); }); Result
Read MoreWhere do we use $.extend() method in jQuery?
The jQuery.extend() method is used to merge contents of two or more objects together. The object is merged into the first object. You can try to run the following code to learn how to use extend() method −Example $(document).ready(function() { $("#button1").click(function() { var obj1 = { maths: 60, history: {pages: 150,price: 400,lessons: 30}, science: 120 }; var obj2 = { history: { price: 150, lessons: 24 }, economics: 250 }; $.extend(true, obj1, obj2); $("#demo").append(JSON.stringify(obj1)); }); }); Result
Read Moretable-bordered class in Bootstrap
To implement a table-bordered class, you can try to run the following code −Example Bootstrap Table Footballer Rank Footballer Rank Country Messi 1 Argentina Neymar 2 Brazil Ronaldo 3 Portugal
Read MoreStacked-to-horizontal Bootstrap Grid
The following is an example showing stacked-to-horizontal Bootstrap Grid −Example Bootstrap Example Heading One Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim ...
Read MoreUsage of Bootstrap previous class to left align the links
Use the .previous class in Bootstrap to left align the links. You can try to run the following code to implement the .previous class −Example Bootstrap Example Answers ← Older Newer →
Read MoreBootstrap Grid for multiple devices
The following is an example showing the usage of Grid for multiple devices −Example Bootstrap Example Hello, world! Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut ...
Read MoreOffset Columns in Bootstrap
An offset is used to push columns over for more spacing. To use offsets on large displays, use the .col-md-offset-* classes. You can try to run the following code to learn how to work with offset columns in Bootstrap −Example Bootstrap Example Heading One This is demo text. This is demo text.
Read MoreNesting Columns in Bootstrap
To nest your content with the default grid, add a new .row and set of .col-md-* columns within an existing .col-md-* column. You can try to run the following code to learn how to implement nesting columns in Bootstrap −Example Bootstrap Example Heading Heading This is demo text. Heading This is demo text. This is box 1. This is box 2. This is box 3. This is box 4.
Read More