Skip to main content

Bootstrap Basic Knowledge & Small Website

                       Introduction: Bootstrap

Get started with Bootstrap, the world’s most popular framework for building responsive, mobile-first sites, with BootstrapCDN and a template starter page.

CSS  #
Copy-paste the stylesheet <link> into your <head> before all other stylesheets to load our CSS.

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">

JS #
Copy-paste the JS <link> into your <head>.

<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script> 

<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script> 

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>

This is Library to import to use to build a responsive website:


Fig.  Mobile View        


                                                              Fig.  Desktop View 

Website Code: -
           Download Code Heare 

Comments

Post a Comment

Popular posts from this blog

Excel data prepare notes

  1) How to calculate memberId?   based on contact numbers...     open new sheet past contact no into B column and right it down the formula into A column 2nd             row     =IF(B1=B2, A1+1, A1) ----------------------------------------------------------------------------------------------------------------------------     2) How to calculate End date using start date and duration?     open second sheet past start date in A1 and Second column B2 past duration memberships     =DATE(YEAR(A2),MONTH(A2)+B2,DAY(A2)) note:-
Post a Comment
Read more

Object Oriented Programming - Notes

                   Object-Oriented Programming (OOPs) Concept in Java OOP: Object-oriented programming aims to implement real-world entities like inheritance, hiding, polymorphism etc in programming. The main aim of OOP is to bind together the data and the functions that operate on them so that no other part of the code can access this data except that function. Topics : - Class Object Abstraction Encapsulation Inheritance Polymorphism Class:           The  object is a real-world entity. obj consist of properties and tasks performed Ex.           Entity ->human                         |                     name ,color,height task ->  walk(), read() , write() Class :            ...
Post a Comment
Read more