×
Home
Jobs
Tools
Coding Ground
Current Affairs
UPSC Notes
Online Tutors
Whiteboard
Net Meeting
Tutorix
Login
Packages
Categories
Java
JSP
iOS
HTML
Android
Python
C Programming
C++ Programming
C#
PHP
CSS
Javascript
jQuery
SAP
SAP HANA
Data Structure
RDBMS
MySQL
Mathematics
8085 Microprocessor
Operating System
Digital Electronics
Analysis of Algorithms
Mobile Development
Front End
Web Development
Selenium
MongoDB
Computer Network
General Topics
Library
Videos
Q/A
eBooks
Login
Library
Videos
eBooks
Trending Categories
Data Structure
Networking
RDBMS
Operating System
Java
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
Selected Reading
UPSC IAS Exams Notes
Developer's Best Practices
Questions and Answers
Effective Resume Writing
HR Interview Questions
Computer Glossary
Who is Who
Lakshmi Srinivas
has Published
366
Answers
Usage of Bootstrap Media Objects
Bootstrap
Web Development
CSS Framework
Lakshmi Srinivas
Published on 21-Jun-2018 11:13:32
The media object is to make the code for developing blocks of information drastically shorter.You can try to run the following code to implement media objectsExampleLive Demo<!DOCTYPE html> <html> <head> <title>Bootstrap Example</title> <link href = "/bootstrap/css/bootstrap.min.css" rel = "stylesheet"> <script ...
Read More
Bootstrap Collapsible link
Bootstrap
Web Development
CSS Framework
Lakshmi Srinivas
Published on 21-Jun-2018 10:49:27
To create a collapsible link in Bootstrap, you can try to run the following codeExampleLive Demo<!DOCTYPE html> <html> <head> <title>Bootstrap Example</title> <link href = "/bootstrap/css/bootstrap.min.css" rel = "stylesheet"> <script src = "/scripts/jquery.min.js"></script> <script src = "/bootstrap/js/bootstrap.min.js"></script> ...
Read More
Create two unequal columns with Bootstrap Grid Layout
Bootstrap
Web Development
CSS Framework
Lakshmi Srinivas
Published on 21-Jun-2018 10:25:30
To create two unequal columns with Bootstrap Grid Layout, you can try to run the following codeExampleLive Demo<!DOCTYPE html> <html> <head> <title>Bootstrap Example</title> <link href = "/bootstrap/css/bootstrap.min.css" rel = "stylesheet"> <script src = "/scripts/jquery.min.js"></script> <script src = ...
Read More
Container for embedded content in Bootstrap
Bootstrap
Web Development
CSS Framework
Lakshmi Srinivas
Published on 20-Jun-2018 17:58:12
Use the .embed-responsive class in Bootstrap to set a container for embedded content.You can try to run the following code to implement the .embed-responsive class in BootstrapExampleLive Demo<!DOCTYPE html> <html> <head> <title>Bootstrap Example</title> <link href = "/bootstrap/css/bootstrap.min.css" rel = "stylesheet"> ...
Read More
Bootstrap progress-striped class
Bootstrap
Web Development
CSS Framework
Lakshmi Srinivas
Published on 20-Jun-2018 17:36:40
The progress-striped class is used to form a striped progress bar in Bootstrap.You can try to run the following code to create a striped progress bar in BootstrapExampleLive Demo<!DOCTYPE html> <html> <head> <title>Bootstrap Example</title> <link href = "/bootstrap/css/bootstrap.min.css" rel = "stylesheet"> ...
Read More
Create a green button (success) with Bootstrap
Bootstrap
Web Development
CSS Framework
Lakshmi Srinivas
Published on 20-Jun-2018 17:15:08
Use the .btn-success class in Bootstrap to create a green button that indicates successExampleLive Demo<!DOCTYPE html> <html> <head> <title>Bootstrap Example</title> <link rel = "stylesheet" href = "https://maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css"> <script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src ...
Read More
Create a table within a Bootstrap Panel
Bootstrap
Web Development
CSS Framework
Lakshmi Srinivas
Published on 20-Jun-2018 16:49:47
To create a non-bordered table within a panel, use the class .table within the panel.You can try to run the following code to form a table within a panelExampleLive Demo<!DOCTYPE html> <html> <head> <title>Bootstrap Example</title> <link href = "/bootstrap/css/bootstrap.min.css" rel = "stylesheet"> ...
Read More
Add a light-blue label (set info) with Bootstrap
Bootstrap
Web Development
CSS Framework
Lakshmi Srinivas
Published on 20-Jun-2018 16:25:27
Use .label-info class in Bootstrap to add light-blue label.You can try to run the following code to implement the .label-info classExampleLive Demo<!DOCTYPE html> <html> <head> <title>Bootstrap Example</title> <link href = "/bootstrap/css/bootstrap.min.css" rel = "stylesheet"> <script src = "/scripts/jquery.min.js"></script> ...
Read More
Set Bootstrap badges in active states of pill
Bootstrap
Web Development
CSS Framework
Lakshmi Srinivas
Published on 20-Jun-2018 15:28:26
Place <span class = "badge"> to active links to set Bootstrap badges in active states of pill.You can try to run the following code to achieve thisExampleLive Demo<!DOCTYPE html> <html> <head> <title>Bootstrap Example</title> <link href = "/bootstrap/css/bootstrap.min.css" rel = "stylesheet"> ...
Read More
Bootstrap .pager class
Bootstrap
Web Development
CSS Framework
Lakshmi Srinivas
Published on 20-Jun-2018 15:10:42
Get the pager links using the .pager Bootstrap class.You can try to run the following code to implement the .pager class in BootstrapExampleLive Demo<!DOCTYPE html> <html> <head> <title>Bootstrap Example</title> <link href = "/bootstrap/css/bootstrap.min.css" rel = "stylesheet"> <script src = "/scripts/jquery.min.js"></script> ...
Read More
Previous
1
...
6
7
8
9
10
11
12
...
37
Next
Advertisements
Print
Add Notes
Bookmark this page
Report Error
Suggestions
Save
Close
Dashboard
Logout