Lakshmi Srinivas has Published 366 Answers

Usage of Bootstrap Media Objects

Lakshmi Srinivas
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

Lakshmi Srinivas
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

Lakshmi Srinivas
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

Lakshmi Srinivas
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

Lakshmi Srinivas
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

Lakshmi Srinivas
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

Lakshmi Srinivas
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

Lakshmi Srinivas
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

Lakshmi Srinivas
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

Lakshmi Srinivas
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