Posts

Font awesome icons in Bootstrap

Image
Font Awesome icons library provides 519 free scalable vector icons. This library is completely free for both personal and commercial use. Originally designed for Bootstrap, these icons can be customized easily.   HOW TO GET STARTED WITH FONT-AWESOME ICONS:  you can add bootstrap icons in two following ways: (1) You can add your font awesome icons in your file directly by putting following line in <head> section. you can say it bootstrap CDN . Exa.  <html>                   <head> <link rel = "stylesheet" href = "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.min.css" >                         <title>Font-awesome demo</title>                   </head>             <body>                     <i class="fa fa-search"></i>                      <i class="fa fa-refresh"></i>                     <i class="fa fa-inr&

Grid System in Bootstrap

Hello friend, first of you What is grid ???? A grid is a structure (usually two-dimensional) made up of a series of intersecting straight (vertical, horizontal) lines used to structure the content. It is widely used to design layout and content structure in print design. In web design, it is a very effective method to create a consistent layout rapidly and effectively using HTML and CSS. as follow You can create image gallery for your project. for more information visit: https://www.youtube.com/watch?v=5IPIO-T0sfU

Environment Setup or Installation of bootstrap

Image
It is very easy to setup and start using Bootstrap. This chapter will explain how to download and setup Bootstrap. You can play with bootstrap in two way first by downloading bootstrap package or diectly add separate bootstrap in-built  library or CDN Download Bootstrap: Step 1: You can go and download the latest version of Bootstrap from  http://http://getbootstrap.com/ Step 2: Then, Click on Step3:Then download compiled and minified  CSS, JavaScript, and fonts as below Step 4: after completing step 3,now  save pop-up menu will open then save this package as follow Step 5: after step 4, you can see three folders js,css,fonts below Step:6  Upload this folder into your php project then start bootstrap.

Fundamental of Bootstrap

Bootstrap Overview: Bootstrap is a sleek, intuitive, and powerful, mobile first front-end framework for faster and easier web development. It uses HTML, CSS, and Javascript.       Bootstrap was developed by Mark Otto and Jacob Thornton at Twitter. It was released as an open source product in August 2011 on GitHub. →Why  use Bootstrap??     1)Mobile first approach : Bootstrap 3 framework consists of Mobile first styles throughout the entire library instead of them in separate files.     2)Browser Support :   It is supported by all popular browsers.     3)Easy to get started : With just the knowledge of HTML and CSS anyone can get started with Bootstrap     4)Responsive Design : Bootstrap's responsive CSS adjusts to Desktops, Tablets and Mobiles. More about the responsive design is in the chapter Bootstrap Responsive Design.