Author: saqibkhan
-
JavaScript Syntax
Understanding the JavaScript Syntax The syntax of JavaScript is the set of rules that define a correctly structured JavaScript program. A JavaScript consists of JavaScript statements that are placed within the <script></script> HTML tags in a web page, or within the external JavaScript file having .js extension. The following example shows how JavaScript statements look like: Example You will…
-
JavaScript Getting Started
Getting Started with JavaScript Here, you will learn how easy it is to add interactivity to a web page using JavaScript. But, before we begin, make sure that you have some working knowledge of HTML and CSS. If you’re just starting out in the world of web development, start learning from here » Well, let’s get…
-
JavaScript Tutorial
JavaScript is the most popular and widely used client-side scripting language. Client-side scripting refers to scripts that run within your web browser. JavaScript is designed to add interactivity and dynamic effects to the web pages by manipulating the content returned from a web server. JavaScript was originally developed as LiveScript by Netscape in the mid…
-
Tabs and Pills
Bootstrap Nav Components Bootstrap provides an easy and quick way to create basic navigation as well as components like tabs and pills which are very flexible and elegant. All the Bootstrap’s nav components, including tabs and pills, share the same base markup and styles through the base .nav class. Creating Basic Nav with Bootstrap You can use…
-
Bootstrap Icons
Using Icons in Bootstrap 5 Bootstrap now includes over 1,300 high quality icons, which are available in SVGs, SVG sprite, or web fonts format. You can use them with or without Bootstrap in any project. The advantage of using font icons is, you can create icons of any color just through applying the CSS color property. Also, to…
-
Bootstrap Media Objects
Using the Media Object in Bootstrap Bootstrap media object has been discontinued from version 5. However, you can still create a layout that contains left- or right-aligned media object like images or video alongside the textual content such as blog comments, Tweets, etc. using the flex and spacing utility classes. Example — The output of…
-
Bootstrap Cards
Using the Bootstrap Cards Bootstrap card is a flexible and extensible content container. It includes options for headers and footers, a wide variety of content, contextual background colors, and powerful display options. Card replaces panel, well, and thumbnail components in old Bootstrap 3 version. In the following sections, you will see what you can do…
-
Bootstrap Images
Styling Images with Bootstrap Images are very common in modern web design. So styling images and placing it properly on the web pages is very important for improving the user experience. Using the Bootstrap built-in classes you can easily style images such as making the round cornered or circular images, or give them effect like…
-
Bootstrap Button Groups
Creating Button Groups with Bootstrap In the previous chapter you’ve learnt how to create different types of individual buttons and modify them with predefined classes. Bootstrap however, also allows you to group a series of buttons together in a single line through the button group component. To create a button group just wrap a series…
-
Bootstrap Buttons
Creating Buttons with Bootstrap Buttons are the integral part of a website and application. They are used for various purposes like, submit or reset an HTML form, performing interactive actions such as showing or hiding something on a web page on click of the button, redirecting user to another page, and so on. Bootstrap provides a…