eb6313f0c5045450d9e194cabe66980af417b787 Merge parents 0a3afeb e687878 kate Thu Feb 2 08:03:13 2017 -0800 Merge branch 'staticPages' of hgwdev.sdsc.edu:/data/git/kent into staticPages diff --cc src/hg/htdocs/template.html index a139029,bd2021d..8e576e4 --- src/hg/htdocs/template.html +++ src/hg/htdocs/template.html @@@ -1,117 -1,114 +1,114 @@@ - +
- This is a standard paragraph ('p' tag) of explanatory text. + This is a standard paragraph ("p" tag) of explanatory text. The next part of the page demonstrates how to create a multi-column layout using the grid layout feature of bootstrap.css, a widely used stylesheet which is now - included in the browser static pages. -
+ included in the browser static pages.This is one of two subsections, formatted as equal-sized columns. The bootstrap grid contains 12 columns; column widths are specified using - classes 'col-md-1' through 'col-md-12'. - This example contains two divs, each assigned class 'col-md-6', within a 'row' div. -
+ classes "col-md-1" through "col-md-12". + This example contains two divs, each assigned class "col-md-6", within a + "row" div.- NOTE: The two columns are displayed only on wide screens. On small screens, the sections will be - stacked vertically (a feature of bootstrap responsive layout). -
+ NOTE: The two columns are displayed only on wide screens. On small screens, the sections will + be stacked vertically (a feature of bootstrap responsive layout). -- This is the next level, a subsection. Use an 'h3' tag for this. To structure content - below this level use a list, table, or titled paragraph: -
+ This is the next level, a subsection. Use an "h3" tag for this. To structure content + below this level use a list, table, or titled paragraph:- Use the 'h6' tag at any level in the section hierarchy to precede a paragraph with a bolded title. -
+ Use the "h6" tag at any level in the section hierarchy to precede a paragraph with a + bolded title. -- The description of lists below is formatted as an HTML definition list. Use this format when defining terms or phrases. (You will not see this much in our current pages -- instead, this type of text was usually styled ad-hoc using 'strong' and 'br' tags). -
-+ The description of lists below is formatted as an HTML definition list. Use this format when + defining terms or phrases. (You will not see this much in our current pages -- instead, this + type of text was usually styled ad-hoc using "strong" and "br" tags).
+- Here is a bulleted list ('ul' and 'li' elements). To suppress the 'bullet' add the - class 'gbsNoBullet' to the 'ul' tag. -
+ Here is a bulleted list ("ul" and "li" elements). To suppress the bullet + add the class "gbsNoBullet" to the "ul" tag.
- Here is a numbered list ('ol' and 'li' elements): + Here is a numbered list ("ol" and "li" elements):