Daniol Thomas has Published 242 Answers

Make an element look like a heading with Bootstrap

Daniol Thomas

Daniol Thomas

Updated on 12-Jun-2020 22:05:16

To make an element look like a heading, you can try to run the following code −ExampleLive 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

Bootstrap panel-default class

Daniol Thomas

Daniol Thomas

Updated on 12-Jun-2020 22:01:42

To get a basic panel, just add class .panel to the <div> element. With that, add class .panel-default to this element as in the following code −ExampleLive Demo<!DOCTYPE html> <html>    <head>       <title>Bootstrap Example</title>       <link href = "/bootstrap/css/bootstrap.min.css" rel = "stylesheet">       ... Read More

Add a blue background color to an element to set key stuff with Bootstrap

Daniol Thomas

Daniol Thomas

Updated on 12-Jun-2020 20:38:07

To set key stuff on an element, use the .bg-primary class in Bootstrap.You can try to run the following code to implement .bg-primary class that is blue in color −ExampleLive 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"> ... Read More

Create a heading inside the media object with Bootstrap

Daniol Thomas

Daniol Thomas

Updated on 12-Jun-2020 19:26:47

To create a heading inside the media object, use the .media-heading class:ExampleLive Demo<!DOCTYPE html> <html>    <head>       <title>Bootstrap Example</title>       <link rel = "stylesheet" href = "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">       <script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>       <script src = "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>    </head>    <body>   ... Read More

Usage of Bootstrap thumbnail

Daniol Thomas

Daniol Thomas

Updated on 12-Jun-2020 17:45:12

With the thumbnail class in Bootstrap, you can easily create a thumbnail.Follow the below-given steps &minus − Add an <a> tag with the class of .thumbnail around an image.This adds four pixels of padding and a gray border.On hover, an animated glow outlines the image.You can try to run the following ... Read More

Non-Nav (standard) links in Bootstrap

Daniol Thomas

Daniol Thomas

Updated on 12-Jun-2020 17:10:31

Use the standard links that are not within the regular navbar navigation component, and then use the class navbar-link to add proper colors for the default and inverse navbar options.You can try to run the following code to set standard links −ExampleLive Demo<!DOCTYPE html> <html>    <head>       ... Read More

Split Button Dropdowns with Bootstrap

Daniol Thomas

Daniol Thomas

Updated on 12-Jun-2020 15:51:10

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 ... Read More

Create Responsive Table with Bootstrap

Daniol Thomas

Daniol Thomas

Updated on 12-Jun-2020 13:34:18

To create a responsive table with Bootstrap, use the table-responsive class.You can try to run the following code to form a responsive table −ExampleLive Demo<!DOCTYPE html> <html>    <head>       <title>Bootstrap Table</title>       <link href = "/bootstrap/css/bootstrap.min.css" rel = "stylesheet">       <script src = ... Read More

How can I pass a parameter to a setTimeout() callback?

Daniol Thomas

Daniol Thomas

Updated on 12-Jun-2020 11:26:29

To pass a parameter to setTimeout() callback, use the following syntax −setTimeout(functionname, milliseconds, arg1, arg2, arg3...)The following are the parameters −function name − The function name for the function to be executed.milliseconds − The number of milliseconds.arg1, arg2, arg3 − These are the arguments passed to the function.ExampleYou can try ... Read More

Animate CSS width property

Daniol Thomas

Daniol Thomas

Updated on 12-Jun-2020 08:49:56

To implement animation on width property with CSS, you can try to run the following code −ExampleLive Demo<!DOCTYPE html> <html>    <head>       <style>          div {             width: 300px;             height: 250px;       ... Read More

Previous 1 ... 5 6 7 8 9 10 11 ... 25 Next
Advertisements