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
Articles by Nishtha Thakur
Page 6 of 40
Bootstrap danger Contextual class
The Bootstrap danger contextual class indicates a danger action.You can try to run the following code to implement the .danger class −ExampleLive Demo Bootstrap Table Subject Marks Student Programming 90 Amit Web Dev 92 Yuvraj Science 95 Sachin Economics 80 Tony
Read MoreCreate Default Bootstrap Navbar
Follow the below given steps in Bootstrap to create default navbar −Add the classes .navbar, .navbar-default to the tag.Add role = "navigation" to the above element, to help with accessibility.Add a header class .navbar-header to the element. Include an element with class navbar-brand. This will give the text a slightly larger size.To add links to the navbar, simply add an unordered list with the classes of .nav, .navbar-nav.You can try to run the following code to create default navbar −ExampleLive Demo Bootstrap Example Cars BMW Audi SUV Creta Scorpio
Read MoreHow to use window.location to redirect to a different URL with JavaScript?
You might have encountered a situation where you clicked a URL to reach a page X but internally you were directed to another page Y. It happens due to page redirection.It is quite simple to do a page redirect using JavaScript on the client side. To redirect your site visitors to a new page, you just need to add a line in your head section as follows −ExampleYou can try to run the following code to learn how to use window.location to redirect to another URL. Here, we will redirect to the home pageLive Demo ...
Read MoreHow to call multiple JavaScript functions in onclick event?
To call multiple JavaScript functions in on click event, use a semicolon as shown below −onclick="Display1();Display2()"ExampleLive Demo function Display1() { document.write ("Hello there!"); } function Display2() { document.write ("Hello World!"); } Click the following button to call the function
Read MoreAnimate CSS text-decoration-color property
To implement animation on text-decoration property with CSS, you can try to run the following code −ExampleLive Demo #demo { position: absolute; right: 0; width: 300px; height: 200px; background-color: blue; text-decoration: underline; animation: myanim 3s infinite; } @keyframes myanim { 30% { right: 350px; text-decoration-color: orange; } } CSS text-decoration-color property This is demo text.
Read MoreDifference between PX, EM and Percent
The px unit defines a measurement in screen pixels. The following is an example −div { padding: 40px; }The em unit is a relative measurement for the height of a font in em spaces. Because an em unit is equivalent to the size of a given font, if you assign a font to 12pt, each "em" unit would be 12pt; thus, 2em would be 24pt.The following is an example −p { letter-spacing: 4em; }The % unit defines a measurement as a percentage relative to another value, typically an enclosing element.p { font-size: 14pt; line-height: 80%; }
Read MoreCSS rest-after Speech Media property
The CSS rest-after property is useful for speech media to set pause after an element.The following is the syntax −rest-after: | none | x-weak | weak | medium | strong | x-strongHere, x-weak | weak | medium | strong | x-strong is the rest by the strength of pauseLet us see an example of rest-after speech media property −h1 { rest-after: 15ms; }The time sets the pause in milliseconds.
Read MoreHow to specify that a user can enter more than one value in HTML?
Use the multiple attribute in HTML to specify a user can enter more than one value.ExampleYou can try to run the following code to implement multiple attribute − Upload multiple files After uploading multiple files, click Submit.
Read MoreWhat is the usage of onblur event in JavaScript?
The blur event triggers when object lose focus. You can try to run the following code to learn how to implement onblur event in JavaScript.Example Write below: function newFunc(a) { a.style.background = "green"; }
Read MoreHow to properly integrate HTML5 Boilerplate with Twitter Bootstrap?
To integrate, use the Initializr. It is an HTML5 templates generator.You can also use Workless, an open source HTML, CSS & JS framework for developing front-end web applications faster.Workless uses Font Awesome web-font icons and allows you to add a lot of icons in your project. It can automatically style the form for you.
Read More