It all start's with you,
using a Browser
in which you load a HTML-file,
which we will call the HTML-Document.
This document has a minimal build of
<!-- here you insert your HTML-code -->
The Browser =load's= this document into Memory
in a pattern that is described as
the Document Object Model
in short the DOM.
( the interpretation of the DOM is Browser & Version specific )
In the description of your document in DOM-talk...
you will encounter terms like:
parent children sibling descendants ascendants...
The HTML-Element has no parent
but is a parent to 2 child-Element's
The 'head'- and 'body'-Element,
both being children to the 'html'-Element
are siblings to each-other.
The 'head'-Element is parent to the 'title'-Element...
the 'title'-Element is a child of the 'head'-Element
the 'title'-Element is also a descendant of the 'html'-Element.
The DOM has several interface's
over which you can access the data**/**information
held by the DOM.
One of the interface's is the Element-interface
you can divide the interface into
properties ( consisting of a property-key and it's associated VALUE )
methods ( giving you the functionality to manipulate the Elements )
from which you use pre-defined Methods
which you use to put together meaningfull code
which has a specific functionality.....
If you read
you will have a guideline
as for every step which you do not understand
you will have to go on your quest for knowledge.....
If on your quest for knowledge you have an idear or question google search
== the Book ==
jquery [your question] site:developer.mozilla.org
CSS [your question] site:developer.mozilla.org
[your question] site:jquery.com
[your question] site:getbootstrap.com
== discussions / opinions ==
jquery [your question] site:stackoverflow.com
CSS [your question] site:stackoverflow.com
== guidance ==
[your question] site:crockford.com
We now have .col-xs (phones), .col-sm (tablets), .col-md (desktops), and .col-lg (large desktops).