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
-
Economics & Finance
Articles on Trending Technologies
Technical articles with clear explanations and examples
Benefits of using Bootstrap
Bootstrap is an open source, sleek, intuitive, and powerful, mobile first front-end framework for faster and easier web development. The following are the benefits of using Bootstrap −Bootstrap 3, framework consists of Mobile first styles throughout the entire library instead them of in separate files.It is supported by all popular browsers.With just the knowledge of HTML and CSS, anyone can get started with Bootstrap.Bootstrap's responsive CSS adjusts to Desktops, Tablets, and Mobiles.
Read MoreBootstrap package consists of what all components?
A Bootstrap package includes the following,Components − Bootstrap contains over a dozen reusable components built to provide iconography, dropdowns, navigation, alerts, pop-overs, and much more.Scaffolding − Bootstrap provides a basic structure with Grid System, link styles, and background.Customize − Customize Bootstrap's components, fewer variables, and jQuery plugins to get your very own version.CSS − Bootstrap comes with the feature of global CSS settings, fundamental HTML elements styled and enhanced with extensible classes, and an advanced grid system.JavaScript Plugins − Bootstrap contains over a dozen custom jQuery plugins. You can easily include them all, or one by one.
Read MoreMobile First Bootstrap
Bootstrap has become mobile first since Bootstrap 3. It means 'mobile first' styles can be found throughout the entire library instead of them in separate files. You need to add the viewport meta tag to the element, to ensure proper rendering and touch zooming on mobile devices.Here, width property controls the width of the device. Setting it to device-width will make sure that it is rendered across various devices (mobiles, desktops, tablets...) properly.initial-scale = 1.0 ensures that when loaded, your web page will be rendered at a 1:1 scale and no zooming will be applied out of the boxAdd ...
Read MoreSet typography and link styles in Bootstrap
Bootstrap sets a basic global display (background), typography, and link styles.Basic Global display − Sets background-color: #fff; on the element.Typography − Uses the @font-family-base, @font-size-base, and @line-height-base attributes as the typographic base.Link styles − Sets the global link color via attribute @link-color and apply link underlines only on :hover.
Read MoreWrap a page's content with Bootstrap
To wrap a page's content, use the .container class, ... The following is the .container class in bootstrap.css file: .container{ padding-right: 20px; padding-left: 20px; margin-right: auto; margin-left: auto; }
Read MoreBootstrap Grid System Usage
Bootstrap Grid System provides the following strategy for structuring content on a web page −ContentDetermine what is most important. LayoutDesign to smaller widths first.Base CSS address mobile device first; media queries address for tablet, desktops.Progressive EnhancementAdd elements as screen size increases.
Read MoreHow to work with Bootstrap?
To work with Bootstrap, the following are the steps − Download the latest version of Bootstrap from the official website.On reaching the page, click on DOWNLOAD for current version 4.1.1You have two options on clicking Download above,Download Bootstrap − Clicking this, you can download the precompiled and minified versions of Bootstrap CSS, JavaScript, and fonts. No documentation or original source code files are included.Download Source − Clicking this, you can get the latest Bootstrap LESS and JavaScript source code directly from GitHub.
Read MoreWhat are async generator methods in JavaScript?
Async generator functions are the same like generator function. The async generator functions will return an object, whereas an async generator whose methods such as next, throw and return promises for { value, done }, instead returning directly.ExampleHere’s an example from GitHub showing function returning async generator object −async function* readLines(path) { let file = await fileOpen(path); try { while (!file.EOF) { yield await file.readLine(); } } finally { await file.close(); } }
Read MoreHow to do single data parameterization without Examples in Cucumber?
We can do single data parametrization without using Examples in Cucumber by passing the value directly in the feature file.ExampleFeature file.Feature: Tutorialpoint Job page Scenario: Tutorialpoint job page look and fee Given Launch site https://www.tutorialspoint.com/about/about_careers.htm Then Verify the tabs on the pageURL is directly passed in the Given statement in the feature file.The step definition file should have the mapping of the Given statement.Example@Given (“^Launch site "([^"]*)"$”) public void launchJobsite(String url){ System.out.println("url is : " + url); } @Then (“^Verify the tabs on the page"$”) public void tabverification(){ System.out.println("Tabs verified successfully); }@Given (“^Launch site "([^"]*)"$”) passes the UR ...
Read More