411831bf726f5fb440a96fd00cbc7614f462e0e4 kate Thu Feb 9 12:21:39 2017 -0800 Add instructions for how to center an image using bootstrap class 'text-center'. refs #18504 diff --git src/hg/htdocs/template.html src/hg/htdocs/template.html index 8e576e4..70880ab 100755 --- src/hg/htdocs/template.html +++ src/hg/htdocs/template.html @@ -147,30 +147,31 @@
sudo -i
 bash browserSetup.sh install

And here is some text with a bit of code embedded (just the "code" tag).

Section with a picture and caption

Use the "img" tag to include the picture file, which is typically in .jpg or .png format. Images should normally have their "width" and "height' attributes set in the -"img" element. To right-align the image add the "gbsAlignRight" class. +"img" element. The caption is a "p" element, which is assigned the "gbsCaption" class. +To center the image, wrap it in a 'div' or 'p' element, and add the +bootstrap "text-center" class to the wrapper element (also adding to a caption if present). +

+

In the special case where an image is used as a character/symbol embedded inline in a paragraph, add the class "gbsInlineImg" to the image tag, i.e. here's the wrench ().

-
-
- Genome Browser staff -

- Browser staff in native habitat.

-
-
+

+ Genome Browser staff +

Browser staff in native habitat.

+