...
diff --git a/www/command-line-options.html b/www/command-line-options.html
index 6a6908e..f3bc6fb 100644
--- a/www/command-line-options.html
+++ b/www/command-line-options.html
@@ -25,14 +25,13 @@
   <meta name="distribution" content="Global"/>
   <meta name="magick-serial" content="P131-S030410-R485315270133-P82224-A6668-G1245-1"/>
   <meta name="google-site-verification" content="_bMOCDpkx9ZAzBwb2kF3PRHbfUUdFj2uO8Jd1AXArz4" />
-  <link rel="canonical" href="https://www.imagemagick.org/script/command-line-options.html"/>
-  <link rel="icon" href="../images/wand.png"/>
-  <link rel="shortcut icon" href="../images/wand.ico"/>
+  <link rel="canonical" href="https://www.imagemagick.org/script/command-line-options.html" />
+  <link rel="icon" href="../images/wand.png" />
+  <link rel="shortcut icon" href="../images/wand.ico" />
   <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Roboto:900,400,400italic,700,700italic,300,300italic|Open+Sans:300italic,400italic,700italic,300,400,600,700" />
-  <link rel="stylesheet" href="css/magick.css"/>
+  <link rel="stylesheet" href="css/magick.css" />
 </head>
 <body>
-<div class="main">
 <div class="magick-masthead">
   <div class="container">
     <script async="async" src="http://localhost/pagead/js/adsbygoogle.js"></script>    <ins class="adsbygoogle"
@@ -43,25 +42,26 @@
     <script>
       (adsbygoogle = window.adsbygoogle || []).push({});
     </script>
-    <nav class="magick-nav">
-      <a class="magick-nav-item " href="../index.html">Home</a>
-      <a class="magick-nav-item " href="download.html">Download</a>
-      <a class="magick-nav-item " href="command-line-tools.html">Tools</a>
-      <a class="magick-nav-item " href="command-line-processing.html">Command-line</a>
-      <a class="magick-nav-item " href="resources.html">Resources</a>
-      <a class="magick-nav-item " href="develop.html">Develop</a>
-      <a class="magick-nav-item " href="https://www.imagemagick.org/script/search.php">Search</a>
-      <a class="magick-nav-item float-right" href="https://www.imagemagick.org/discourse-server/">Community</a>
+    <nav class="nav magick-nav">
+      <a class="nav-link " href="../index.html">Home</a>
+      <a class="nav-link " href="download.html">Download</a>
+      <a class="nav-link " href="command-line-tools.html">Tools</a>
+      <a class="nav-link " href="command-line-processing.html">Command-line</a>
+      <a class="nav-link " href="resources.html">Resources</a>
+      <a class="nav-link " href="develop.html">Develop</a>
+      <a class="nav-link " href="https://www.imagemagick.org/script/search.php">Search</a>
+      <a class="nav-link float-right" href="https://www.imagemagick.org/discourse-server/">Community</a>
     </nav>
   </div>
 </div>
 <div class="container">
+<div class="magick-main">
 <div class="magick-header">
 <p class="text-center"><a href="command-line-options.html#adaptive-blur">&#x2011;adaptive&#x2011;blur</a>  • <a href="command-line-options.html#adaptive-resize">&#x2011;adaptive&#x2011;resize</a>  • <a href="command-line-options.html#adaptive-sharpen">&#x2011;adaptive&#x2011;sharpen</a>  • <a href="command-line-options.html#adjoin">&#x2011;adjoin</a>  • <a href="command-line-options.html#affine">&#x2011;affine</a>  • <a href="command-line-options.html#alpha">&#x2011;alpha</a>  • <a href="command-line-options.html#annotate">&#x2011;annotate</a>  • <a href="command-line-options.html#antialias">&#x2011;antialias</a>  • <a href="command-line-options.html#append">&#x2011;append</a>  • <a href="command-line-options.html#attenuate">&#x2011;attenuate</a>  • <a href="command-line-options.html#authenticate">&#x2011;authenticate</a>  • <a href="command-line-options.html#auto-gamma">&#x2011;auto&#x2011;gamma</a>  • <a href="command-line-options.html#auto-level">&#x2011;auto&#x2011;level</a>  • <a href="command-line-options.html#auto-orient">&#x2011;auto&#x2011;orient</a>  • <a href="command-line-options.html#backdrop">&#x2011;backdrop</a>  • <a href="command-line-options.html#background">&#x2011;background</a>  • <a href="command-line-options.html#bench">&#x2011;bench</a>  • <a href="command-line-options.html#bias">&#x2011;bias</a>  • <a href="command-line-options.html#black-point-compensation">&#x2011;black&#x2011;point&#x2011;compensation</a>  • <a href="command-line-options.html#black-threshold">&#x2011;black&#x2011;threshold</a>  • <a href="command-line-options.html#blend">&#x2011;blend</a>  • <a href="command-line-options.html#blue-primary">&#x2011;blue&#x2011;primary</a>  • <a href="command-line-options.html#blue-shift">&#x2011;blue&#x2011;shift</a>  • <a href="command-line-options.html#blur">&#x2011;blur</a>  • <a href="command-line-options.html#border">&#x2011;border</a>  • <a href="command-line-options.html#bordercolor">&#x2011;bordercolor</a>  • <a href="command-line-options.html#borderwidth">&#x2011;borderwidth</a>  • <a href="command-line-options.html#brightness-contrast">&#x2011;brightness&#x2011;contrast</a>  • <a href="command-line-options.html#cache">&#x2011;cache</a>  • <a href="command-line-options.html#canny">&#x2011;canny</a>  • <a href="command-line-options.html#caption">&#x2011;caption</a>  • <a href="command-line-options.html#cdl">&#x2011;cdl</a>  • <a href="command-line-options.html#channel">&#x2011;channel</a>  • <a href="command-line-options.html#charcoal">&#x2011;charcoal</a>  • <a href="command-line-options.html#channel-fx">&#x2011;channel&#x2011;fx</a>  • <a href="command-line-options.html#chop">&#x2011;chop</a>  • <a href="command-line-options.html#clamp">&#x2011;clamp</a>  • <a href="command-line-options.html#clip">&#x2011;clip</a>  • <a href="command-line-options.html#clip-mask">&#x2011;clip&#x2011;mask</a>  • <a href="command-line-options.html#clip-path">&#x2011;clip&#x2011;path</a>  • <a href="command-line-options.html#clone">&#x2011;clone</a>  • <a href="command-line-options.html#clut">&#x2011;clut</a>  • <a href="command-line-options.html#coalesce">&#x2011;coalesce</a>  • <a href="command-line-options.html#colorize">&#x2011;colorize</a>  • <a href="command-line-options.html#colormap">&#x2011;colormap</a>  • <a href="command-line-options.html#color-matrix">&#x2011;color&#x2011;matrix</a>  • <a href="command-line-options.html#colors">&#x2011;colors</a>  • <a href="command-line-options.html#colorspace">&#x2011;colorspace</a>  • <a href="command-line-options.html#combine">&#x2011;combine</a>  • <a href="command-line-options.html#comment">&#x2011;comment</a>  • <a href="command-line-options.html#compare">&#x2011;compare</a>  • <a href="command-line-options.html#complex">&#x2011;complex</a>  • <a href="command-line-options.html#compose">&#x2011;compose</a>  • <a href="command-line-options.html#composite">&#x2011;composite</a>  • <a href="command-line-options.html#compress">&#x2011;compress</a>  • <a href="command-line-options.html#connected-components">&#x2011;connected&#x2011;components</a>  • <a href="command-line-options.html#contrast">&#x2011;contrast</a>  • <a href="command-line-options.html#contrast-stretch">&#x2011;contrast&#x2011;stretch</a>  • <a href="command-line-options.html#convolve">&#x2011;convolve</a>  • <a href="command-line-options.html#copy">&#x2011;copy</a>  • <a href="command-line-options.html#crop">&#x2011;crop</a>  • <a href="command-line-options.html#cycle">&#x2011;cycle</a>  • <a href="command-line-options.html#debug">&#x2011;debug</a>  • <a href="command-line-options.html#decipher">&#x2011;decipher</a>  • <a href="command-line-options.html#deconstruct">&#x2011;deconstruct</a>  • <a href="command-line-options.html#define">&#x2011;define</a>  • <a href="command-line-options.html#delay">&#x2011;delay</a>  • <a href="command-line-options.html#delete">&#x2011;delete</a>  • <a href="command-line-options.html#density">&#x2011;density</a>  • <a href="command-line-options.html#depth">&#x2011;depth</a>  • <a href="command-line-options.html#descend">&#x2011;descend</a>  • <a href="command-line-options.html#deskew">&#x2011;deskew</a>  • <a href="command-line-options.html#despeckle">&#x2011;despeckle</a>  • <a href="command-line-options.html#direction">&#x2011;direction</a>  • <a href="command-line-options.html#displace">&#x2011;displace</a>  • <a href="command-line-options.html#display">&#x2011;display</a>  • <a href="command-line-options.html#dispose">&#x2011;dispose</a>  • <a href="command-line-options.html#dissimilarity-threshold">&#x2011;dissimilarity&#x2011;threshold</a>  • <a href="command-line-options.html#dissolve">&#x2011;dissolve</a>  • <a href="command-line-options.html#distort">&#x2011;distort</a>  • <a href="command-line-options.html#distribute-cache">&#x2011;distribute&#x2011;cache</a>  • <a href="command-line-options.html#dither">&#x2011;dither</a>  • <a href="command-line-options.html#draw">&#x2011;draw</a>  • <a href="command-line-options.html#duplicate">&#x2011;duplicate</a>  • <a href="command-line-options.html#edge">&#x2011;edge</a>  • <a href="command-line-options.html#emboss">&#x2011;emboss</a>  • <a href="command-line-options.html#encipher">&#x2011;encipher</a>  • <a href="command-line-options.html#encoding">&#x2011;encoding</a>  • <a href="command-line-options.html#endian">&#x2011;endian</a>  • <a href="command-line-options.html#enhance">&#x2011;enhance</a>  • <a href="command-line-options.html#equalize">&#x2011;equalize</a>  • <a href="command-line-options.html#evaluate">&#x2011;evaluate</a>  • <a href="command-line-options.html#evaluate-sequence">&#x2011;evaluate&#x2011;sequence</a>  • <a href="command-line-options.html#extent">&#x2011;extent</a>  • <a href="command-line-options.html#extract">&#x2011;extract</a>  • <a href="command-line-options.html#family">&#x2011;family</a>  • <a href="command-line-options.html#features">&#x2011;features</a>  • <a href="command-line-options.html#fft">&#x2011;fft</a>  • <a href="command-line-options.html#fill">&#x2011;fill</a>  • <a href="command-line-options.html#filter">&#x2011;filter</a>  • <a href="command-line-options.html#flatten">&#x2011;flatten</a>  • <a href="command-line-options.html#flip">&#x2011;flip</a>  • <a href="command-line-options.html#floodfill">&#x2011;floodfill</a>  • <a href="command-line-options.html#flop">&#x2011;flop</a>  • <a href="command-line-options.html#font">&#x2011;font</a>  • <a href="command-line-options.html#foreground">&#x2011;foreground</a>  • <a href="command-line-options.html#format">&#x2011;format</a>  • <a href="command-line-options.html#format_identify_">&#x2011;format[identify]</a>  • <a href="command-line-options.html#frame">&#x2011;frame</a>  • <a href="command-line-options.html#frame_import_">&#x2011;frame[import]</a>  • <a href="command-line-options.html#function">&#x2011;function</a>  • <a href="command-line-options.html#fuzz">&#x2011;fuzz</a>  • <a href="command-line-options.html#fx">&#x2011;fx</a>  • <a href="command-line-options.html#gamma">&#x2011;gamma</a>  • <a href="command-line-options.html#gaussian-blur">&#x2011;gaussian&#x2011;blur</a>  • <a href="command-line-options.html#geometry">&#x2011;geometry</a>  • <a href="command-line-options.html#gravity">&#x2011;gravity</a>  • <a href="command-line-options.html#grayscale">&#x2011;grayscale</a>  • <a href="command-line-options.html#green-primary">&#x2011;green&#x2011;primary</a>  • <a href="command-line-options.html#hald-clut">&#x2011;hald&#x2011;clut</a>  • <a href="command-line-options.html#help">&#x2011;help</a>  • <a href="command-line-options.html#highlight-color">&#x2011;highlight&#x2011;color</a>  • <a href="command-line-options.html#hough-lines">&#x2011;hough&#x2011;lines</a>  • <a href="command-line-options.html#iconGeometry">&#x2011;iconGeometry</a>  • <a href="command-line-options.html#iconic">&#x2011;iconic</a>  • <a href="command-line-options.html#identify">&#x2011;identify</a>  • <a href="command-line-options.html#ift">&#x2011;ift</a>  • <a href="command-line-options.html#immutable">&#x2011;immutable</a>  • <a href="command-line-options.html#implode">&#x2011;implode</a>  • <a href="command-line-options.html#insert">&#x2011;insert</a>  • <a href="command-line-options.html#intensity">&#x2011;intensity</a>  • <a href="command-line-options.html#intent">&#x2011;intent</a>  • <a href="command-line-options.html#interlace">&#x2011;interlace</a>  • <a href="command-line-options.html#interpolate">&#x2011;interpolate</a>  • <a href="command-line-options.html#interline-spacing">&#x2011;interline&#x2011;spacing</a>  • <a href="command-line-options.html#interword-spacing">&#x2011;interword&#x2011;spacing</a>  • <a href="command-line-options.html#kerning">&#x2011;kerning</a>  • <a href="command-line-options.html#kuwahara">&#x2011;kuwahara</a>  • <a href="command-line-options.html#label">&#x2011;label</a>  • <a href="command-line-options.html#lat">&#x2011;lat</a>  • <a href="command-line-options.html#layers">&#x2011;layers</a>  • <a href="command-line-options.html#level">&#x2011;level</a>  • <a href="command-line-options.html#level-colors">&#x2011;level&#x2011;colors</a>  • <a href="command-line-options.html#limit">&#x2011;limit</a>  • <a href="command-line-options.html#linear-stretch">&#x2011;linear&#x2011;stretch</a>  • <a href="command-line-options.html#linewidth">&#x2011;linewidth</a>  • <a href="command-line-options.html#liquid-rescale">&#x2011;liquid&#x2011;rescale</a>  • <a href="command-line-options.html#list">&#x2011;list</a>  • <a href="command-line-options.html#log">&#x2011;log</a>  • <a href="command-line-options.html#loop">&#x2011;loop</a>  • <a href="command-line-options.html#lowlight-color">&#x2011;lowlight&#x2011;color</a>  • <a href="command-line-options.html#magnify">&#x2011;magnify</a>  • <a href="command-line-options.html#map">&#x2011;map</a>  • <a href="command-line-options.html#map_stream_">&#x2011;map[stream]</a>  • <a href="command-line-options.html#mattecolor">&#x2011;mattecolor</a>  • <a href="command-line-options.html#median">&#x2011;median</a>  • <a href="command-line-options.html#mean-shift">&#x2011;mean&#x2011;shift</a>  • <a href="command-line-options.html#metric">&#x2011;metric</a>  • <a href="command-line-options.html#mode">&#x2011;mode</a>  • <a href="command-line-options.html#modulate">&#x2011;modulate</a>  • <a href="command-line-options.html#moments">&#x2011;moments</a>  • <a href="command-line-options.html#monitor">&#x2011;monitor</a>  • <a href="command-line-options.html#monochrome">&#x2011;monochrome</a>  • <a href="command-line-options.html#morph">&#x2011;morph</a>  • <a href="command-line-options.html#morphology">&#x2011;morphology</a>  • <a href="command-line-options.html#mosaic">&#x2011;mosaic</a>  • <a href="command-line-options.html#motion-blur">&#x2011;motion&#x2011;blur</a>  • <a href="command-line-options.html#name">&#x2011;name</a>  • <a href="command-line-options.html#negate">&#x2011;negate</a>  • <a href="command-line-options.html#noise">&#x2011;noise</a>  • <a href="command-line-options.html#normalize">&#x2011;normalize</a>  • <a href="command-line-options.html#opaque">&#x2011;opaque</a>  • <a href="command-line-options.html#ordered-dither">&#x2011;ordered&#x2011;dither</a>  • <a href="command-line-options.html#orient">&#x2011;orient</a>  • <a href="command-line-options.html#page">&#x2011;page</a>  • <a href="command-line-options.html#paint">&#x2011;paint</a>  • <a href="command-line-options.html#path">&#x2011;path</a>  • <a href="command-line-options.html#pause_animate_">&#x2011;pause[animate]</a>  • <a href="command-line-options.html#pause_import_">&#x2011;pause[import]</a>  • <a href="command-line-options.html#perceptible">&#x2011;perceptible</a>  • <a href="command-line-options.html#ping">&#x2011;ping</a>  • <a href="command-line-options.html#pointsize">&#x2011;pointsize</a>  • <a href="command-line-options.html#polaroid">&#x2011;polaroid</a>  • <a href="command-line-options.html#poly">&#x2011;poly</a>  • <a href="command-line-options.html#posterize">&#x2011;posterize</a>  • <a href="command-line-options.html#precision">&#x2011;precision</a>  • <a href="command-line-options.html#preview">&#x2011;preview</a>  • <a href="command-line-options.html#print">&#x2011;print</a>  • <a href="command-line-options.html#process">&#x2011;process</a>  • <a href="command-line-options.html#profile">&#x2011;profile</a>  • <a href="command-line-options.html#quality">&#x2011;quality</a>  • <a href="command-line-options.html#quantize">&#x2011;quantize</a>  • <a href="command-line-options.html#quiet">&#x2011;quiet</a>  • <a href="command-line-options.html#radial-blur">&#x2011;radial&#x2011;blur</a>  • <a href="command-line-options.html#raise">&#x2011;raise</a>  • <a href="command-line-options.html#random-threshold">&#x2011;random&#x2011;threshold</a>  • <a href="command-line-options.html#read-mask">&#x2011;read&#x2011;mask</a>  • <a href="command-line-options.html#red-primary">&#x2011;red&#x2011;primary</a>  • <a href="command-line-options.html#regard-warnings">&#x2011;regard&#x2011;warnings</a>  • <a href="command-line-options.html#region">&#x2011;region</a>  • <a href="command-line-options.html#remap">&#x2011;remap</a>  • <a href="command-line-options.html#remote">&#x2011;remote</a>  • <a href="command-line-options.html#render">&#x2011;render</a>  • <a href="command-line-options.html#repage">&#x2011;repage</a>  • <a href="command-line-options.html#resample">&#x2011;resample</a>  • <a href="command-line-options.html#resize">&#x2011;resize</a>  • <a href="command-line-options.html#respect-parentheses">&#x2011;respect&#x2011;parentheses</a>  • <a href="command-line-options.html#reverse">&#x2011;reverse</a>  • <a href="command-line-options.html#roll">&#x2011;roll</a>  • <a href="command-line-options.html#rotate">&#x2011;rotate</a>  • <a href="command-line-options.html#sample">&#x2011;sample</a>  • <a href="command-line-options.html#sampling-factor">&#x2011;sampling&#x2011;factor</a>  • <a href="command-line-options.html#scale">&#x2011;scale</a>  • <a href="command-line-options.html#scene">&#x2011;scene</a>  • <a href="command-line-options.html#screen">&#x2011;screen</a>  • <a href="command-line-options.html#seed">&#x2011;seed</a>  • <a href="command-line-options.html#segment">&#x2011;segment</a>  • <a href="command-line-options.html#selective-blur">&#x2011;selective&#x2011;blur</a>  • <a href="command-line-options.html#separate">&#x2011;separate</a>  • <a href="command-line-options.html#sepia-tone">&#x2011;sepia&#x2011;tone</a>  • <a href="command-line-options.html#set">&#x2011;set</a>  • <a href="command-line-options.html#shade">&#x2011;shade</a>  • <a href="command-line-options.html#shadow">&#x2011;shadow</a>  • <a href="command-line-options.html#shared-memory">&#x2011;shared&#x2011;memory</a>  • <a href="command-line-options.html#sharpen">&#x2011;sharpen</a>  • <a href="command-line-options.html#shave">&#x2011;shave</a>  • <a href="command-line-options.html#shear">&#x2011;shear</a>  • <a href="command-line-options.html#sigmoidal-contrast">&#x2011;sigmoidal&#x2011;contrast</a>  • <a href="command-line-options.html#silent">&#x2011;silent</a>  • <a href="command-line-options.html#similarity-threshold">&#x2011;similarity&#x2011;threshold</a>  • <a href="command-line-options.html#size">&#x2011;size</a>  • <a href="command-line-options.html#sketch">&#x2011;sketch</a>  • <a href="command-line-options.html#smush">&#x2011;smush</a>  • <a href="command-line-options.html#snaps">&#x2011;snaps</a>  • <a href="command-line-options.html#solarize">&#x2011;solarize</a>  • <a href="command-line-options.html#sparse-color">&#x2011;sparse&#x2011;color</a>  • <a href="command-line-options.html#splice">&#x2011;splice</a>  • <a href="command-line-options.html#spread">&#x2011;spread</a>  • <a href="command-line-options.html#statistic">&#x2011;statistic</a>  • <a href="command-line-options.html#stegano">&#x2011;stegano</a>  • <a href="command-line-options.html#stereo">&#x2011;stereo</a>  • <a href="command-line-options.html#storage-type">&#x2011;storage&#x2011;type</a>  • <a href="command-line-options.html#stretch">&#x2011;stretch</a>  • <a href="command-line-options.html#strip">&#x2011;strip</a>  • <a href="command-line-options.html#stroke">&#x2011;stroke</a>  • <a href="command-line-options.html#strokewidth">&#x2011;strokewidth</a>  • <a href="command-line-options.html#style">&#x2011;style</a>  • <a href="command-line-options.html#subimage-search">&#x2011;subimage&#x2011;search</a>  • <a href="command-line-options.html#swap">&#x2011;swap</a>  • <a href="command-line-options.html#swirl">&#x2011;swirl</a>  • <a href="command-line-options.html#synchronize">&#x2011;synchronize</a>  • <a href="command-line-options.html#taint">&#x2011;taint</a>  • <a href="command-line-options.html#text-font">&#x2011;text&#x2011;font</a>  • <a href="command-line-options.html#texture">&#x2011;texture</a>  • <a href="command-line-options.html#threshold">&#x2011;threshold</a>  • <a href="command-line-options.html#thumbnail">&#x2011;thumbnail</a>  • <a href="command-line-options.html#tile">&#x2011;tile</a>  • <a href="command-line-options.html#tile-offset">&#x2011;tile&#x2011;offset</a>  • <a href="command-line-options.html#tint">&#x2011;tint</a>  • <a href="command-line-options.html#title">&#x2011;title</a>  • <a href="command-line-options.html#transform">&#x2011;transform</a>  • <a href="command-line-options.html#transparent">&#x2011;transparent</a>  • <a href="command-line-options.html#transparent-color">&#x2011;transparent&#x2011;color</a>  • <a href="command-line-options.html#transpose">&#x2011;transpose</a>  • <a href="command-line-options.html#transverse">&#x2011;transverse</a>  • <a href="command-line-options.html#treedepth">&#x2011;treedepth</a>  • <a href="command-line-options.html#trim">&#x2011;trim</a>  • <a href="command-line-options.html#type">&#x2011;type</a>  • <a href="command-line-options.html#undercolor">&#x2011;undercolor</a>  • <a href="command-line-options.html#unique-colors">&#x2011;unique&#x2011;colors</a>  • <a href="command-line-options.html#units">&#x2011;units</a>  • <a href="command-line-options.html#unsharp">&#x2011;unsharp</a>  • <a href="command-line-options.html#update">&#x2011;update</a>  • <a href="command-line-options.html#verbose">&#x2011;verbose</a>  • <a href="command-line-options.html#version">&#x2011;version</a>  • <a href="command-line-options.html#view">&#x2011;view</a>  • <a href="command-line-options.html#vignette">&#x2011;vignette</a>  • <a href="command-line-options.html#virtual-pixel">&#x2011;virtual&#x2011;pixel</a>  • <a href="command-line-options.html#visual">&#x2011;visual</a>  • <a href="command-line-options.html#watermark">&#x2011;watermark</a>  • <a href="command-line-options.html#wave">&#x2011;wave</a>  • <a href="command-line-options.html#wavelet-denoise">&#x2011;wavelet&#x2011;denoise</a>  • <a href="command-line-options.html#weight">&#x2011;weight</a>  • <a href="command-line-options.html#white-point">&#x2011;white&#x2011;point</a>  • <a href="command-line-options.html#white-threshold">&#x2011;white&#x2011;threshold</a>  • <a href="command-line-options.html#window">&#x2011;window</a>  • <a href="command-line-options.html#window-group">&#x2011;window&#x2011;group</a>  • <a href="command-line-options.html#write">&#x2011;write</a>  • <a href="command-line-options.html#write-mask">&#x2011;write&#x2011;mask</a>  </p> 
 <p class="lead magick-description">Below is list of command-line options recognized by the ImageMagick <a href="command-line-tools.html">command-line tools</a>. If you want a description of a particular option, click on the option name in the navigation bar above and you will go right to it. Unless otherwise noted, each option is recognized by the commands: <a href="convert.html">convert</a> and <a href="mogrify.html">mogrify</a>.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="adaptive-blur"></a>-adaptive-blur <var>radius</var>[x<var>sigma</var>]</h3>
+  <h3><a id="adaptive-blur"></a>-adaptive-blur <var>radius</var>[x<var>sigma</var>]</h3>
 </div>
 
 <p class="magick-description">Adaptively blur pixels, with decreasing effect near edges.</p>
@@ -70,7 +70,7 @@
 defaults to 1.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="adaptive-resize"></a>-adaptive-resize <var>geometry</var></h3>
+  <h3><a id="adaptive-resize"></a>-adaptive-resize <var>geometry</var></h3>
 </div>
 
 <p class="magick-description">Resize the image using data-dependent triangulation.</p>
@@ -82,7 +82,7 @@
 href="command-line-options.html#gravity">-gravity</a> option has no effect.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="adaptive-sharpen"></a>-adaptive-sharpen <var>radius</var>[x<var>sigma</var>]</h3>
+  <h3><a id="adaptive-sharpen"></a>-adaptive-sharpen <var>radius</var>[x<var>sigma</var>]</h3>
 </div>
 
 <p class="magick-description">Adaptively sharpen pixels, with increasing effect near edges.</p>
@@ -92,7 +92,7 @@
 defaults to 1.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="adjoin"></a>-adjoin</h3>
+  <h3><a id="adjoin"></a>-adjoin</h3>
 </div>
 
 <p class="magick-description">Join images into a single multi-image file.</p>
@@ -116,9 +116,9 @@
 who have used the standard <code>printf()</code>' C-library function. As an
 example, the command</p>
 
-<pre>
+<pre><code>
 convert logo: rose: -morph 15 my%02dmorph.jpg
-</pre>
+</code></pre>
 
 <p>will create a sequence of 17 images (the two given plus 15 more created by
 <a href="command-line-options.html#morph">-morph</a>), named: my00morph.jpg, my01morph.jpg,
@@ -135,7 +135,7 @@
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="affine"></a>-affine
+  <h3><a id="affine"></a>-affine
   <var>s<sub>x</sub></var>,<var>r<sub>x</sub></var>,<var>r<sub>y</sub></var>,<var>s<sub>y</sub></var>[,<var>t<sub>x</sub></var>,<var>t<sub>y</sub></var>]</h3>
 </div>
 
@@ -178,23 +178,23 @@
 information </p>
 
 
-<pre>
+<pre><code>
 -affine <var>s<sub>x</sub></var>,0,0,<var>s<sub>y</sub></var>
-</pre>
+</code></pre>
 
 <p>Translation by a displacement (<var>t<sub>x</sub></var>, <var>t<sub>y</sub></var>) is accomplished like so:</p>
 
-<pre>
+<pre><code>
 -affine 1,0,0,1,<var>t<sub>x</sub></var>,<var>t<sub>y</sub></var>
-</pre>
+</code></pre>
 
 <p>Rotate clockwise about the origin (the upper left-hand corner) by an angle
 <var>a</var> by letting <var>c</var> = cos(<var>a</var>), <var>s</var>
 = sin(<var>a</var>), and using the following.</p>
 
-<pre>
+<pre><code>
 -affine <var>c</var>,<var>s</var>,-<var>s</var>,<var>c</var>
-</pre>
+</code></pre>
 
 <p>The cumulative effect of a sequence of <a href="command-line-options.html#affine" >-affine</a>
 transformations can be accomplished by instead by a single <a href="command-line-options.html#affine"
@@ -205,7 +205,7 @@
 matrix determinant has a sufficiently small absolute value it is rejected.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="alpha"></a>-alpha <var>type</var></h3>
+  <h3><a id="alpha"></a>-alpha <var>type</var></h3>
 </div>
 
 <p class="magick-description">Gives control of the alpha/matte channel of an image.</p>
@@ -213,74 +213,74 @@
 <p>Used to set a flag on an image indicating whether or not to use existing alpha
 channel data, to create an alpha channel, or to perform other operations on the alpha channel.  Choose the argument <var>type</var> from the list below.</p>
 
-<dl class="dl-horizontal">
-    <dt>Activate</dt>
-    <dd>
+<dl class="row">
+    <dt class="col-md-4">Activate</dt>
+    <dd class="col-md-8">
        Enable the image's transparency channel. Note normally Set
        should be used instead of this, unless you specifically need to
        preserve existing (but specifically turned Off) transparency
        channel. </dd>
 
-    <dt>Associate</dt>
-    <dd>
+    <dt class="col-md-4">Associate</dt>
+    <dd class="col-md-8">
        associate the alpha channel with the image.</dd>
 
-    <dt>Deactivate</dt>
-    <dd>
+    <dt class="col-md-4">Deactivate</dt>
+    <dd class="col-md-8">
        Disables the image's transparency channel. Does not delete or change the
        existing data, just turns off the use of that data.</dd>
 
-    <dt>Disassociate</dt>
-    <dd>
+    <dt class="col-md-4">Disassociate</dt>
+    <dd class="col-md-8">
        disassociate the alpha channel from the image.</dd>
 
-    <dt>Set</dt>
-    <dd>
+    <dt class="col-md-4">Set</dt>
+    <dd class="col-md-8">
        Activates the alpha/matte channel. If it was previously turned off
        then it also resets the channel to opaque.  If the image already had
        the alpha channel turned on, it will have no effect.</dd>
 
-    <dt>Opaque</dt>
-    <dd>
+    <dt class="col-md-4">Opaque</dt>
+    <dd class="col-md-8">
        Enables the alpha/matte channel and forces it to be fully opaque.
        </dd>
 
-    <dt>Transparent</dt>
-    <dd>
+    <dt class="col-md-4">Transparent</dt>
+    <dd class="col-md-8">
        Activates the alpha/matte channel and forces it to be fully
        transparent. This effectively creates a fully transparent image the
        same size as the original and with all its original RGB data still
        intact, but fully transparent. </dd>
 
-    <dt>Extract</dt>
-    <dd>
+    <dt class="col-md-4">Extract</dt>
+    <dd class="col-md-8">
        Copies the alpha channel values into all the color channels and turns
        'Off' the the image's transparency, so as to generate
        a grayscale mask of the image's shape. The alpha channel data is left
        intact just deactivated.  This is the inverse of 'Copy'.
        </dd>
 
-    <dt>Copy</dt>
-    <dd>
+    <dt class="col-md-4">Copy</dt>
+    <dd class="col-md-8">
        Turns 'On' the alpha/matte channel, then copies the
        grayscale intensity of the image, into the alpha channel, converting
        a grayscale mask into a transparent shaped mask ready to be colored
        appropriately. The color channels are not modified.  </dd>
 
-    <dt>Shape</dt>
-    <dd>
+    <dt class="col-md-4">Shape</dt>
+    <dd class="col-md-8">
        As per 'Copy' but also colors the resulting shape mask with
        the current background color.  That is the RGB color channels is
        replaced, with appropriate alpha shape.
        </dd>
 
-    <dt>Remove</dt>
-    <dd>
+    <dt class="col-md-4">Remove</dt>
+    <dd class="col-md-8">
        Composite the image over the background color.
        </dd>
 
-    <dt>Background</dt>
-    <dd>
+    <dt class="col-md-4">Background</dt>
+    <dd class="col-md-8">
        Set any fully-transparent pixel to the background color, while leaving
        it fully-transparent.  This can make some image file formats, such as
        PNG, smaller as the RGB values of transparent pixels are more uniform,
@@ -294,7 +294,7 @@
 Set</code>" and not "<code><a href="command-line-options.html#alpha" >-alpha</a> On</code>".  </p>
 
 <div style="margin: auto;">
- <h3 class="magick-header"><a id="annotate"></a>
+ <h3><a id="annotate"></a>
  -annotate <var>degrees</var> <var>text</var><br />
  -annotate <var>Xdegrees</var>x<var>Ydegrees</var> <var>text</var><br /> -annotate <var>Xdegrees</var>x<var>Ydegrees</var> {+-}<var>t<sub>x</sub></var>{+-}<var>t<sub>y</sub></var> <var>text</var><br /> -annotate {+-}<var>t<sub>x</sub></var>{+-}<var>t<sub>y</sub></var> <var>text</var></h3>
 </div>
@@ -330,7 +330,7 @@
 formatting characters are recognized.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="antialias"></a>-antialias</h3>
+  <h3><a id="antialias"></a>-antialias</h3>
 </div>
 
 <p class="magick-description">Enable/Disable of the rendering of anti-aliasing pixels when drawing fonts and lines.</p>
@@ -342,7 +342,7 @@
 are added when drawing such objects. </p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="append"></a>-append</h3>
+  <h3><a id="append"></a>-append</h3>
 </div>
 
 <p class="magick-description">Join current images vertically or horizontally.</p>
@@ -358,7 +358,7 @@
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="attenuate"></a>-attenuate <var>value</var></h3>
+  <h3><a id="attenuate"></a>-attenuate <var>value</var></h3>
 </div>
 
 <p class="magick-description">Lessen (or intensify) when adding noise to an image.</p>
@@ -366,7 +366,7 @@
 <p>If unset the value is equivalent to 1.0, or a maximum noise addition</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="authenticate"></a>-authenticate <var>password</var></h3>
+  <h3><a id="authenticate"></a>-authenticate <var>password</var></h3>
 </div>
 
 <p class="magick-description">Decrypt a PDF with a password.</p>
@@ -380,7 +380,7 @@
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="auto-gamma"></a>-auto-gamma</h3>
+  <h3><a id="auto-gamma"></a>-auto-gamma</h3>
 </div>
 
 <p class="magick-description">Automagically adjust gamma level of image.</p>
@@ -405,7 +405,7 @@
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="auto-level"></a>-auto-level</h3>
+  <h3><a id="auto-level"></a>-auto-level</h3>
 </div>
 
 <p class="magick-description">Automagically adjust color levels of image.</p>
@@ -438,7 +438,7 @@
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="auto-orient"></a>-auto-orient</h3>
+  <h3><a id="auto-orient"></a>-auto-orient</h3>
 </div>
 
 <p class="magick-description">adjusts an image so that its orientation is suitable for viewing (i.e. top-left orientation).</p>
@@ -456,7 +456,7 @@
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="average"></a>-average</h3>
+  <h3><a id="average"></a>-average</h3>
 </div>
 
 <p class="magick-description">Average a set of images.</p>
@@ -465,7 +465,7 @@
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="backdrop"></a>-backdrop</h3>
+  <h3><a id="backdrop"></a>-backdrop</h3>
 </div>
 
 <p class="magick-description">Display the image centered on a backdrop.</p>
@@ -476,7 +476,7 @@
 described under the <a href="command-line-options.html#fill">-fill</a> option.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="background"></a>-background <var>color</var></h3>
+  <h3><a id="background"></a>-background <var>color</var></h3>
 </div>
 
 <p class="magick-description">Set the background color.</p>
@@ -486,7 +486,7 @@
 specified or found in the image) is white.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="bench"></a>-bench <var>iterations</var></h3>
+  <h3><a id="bench"></a>-bench <var>iterations</var></h3>
 </div>
 
 <p class="magick-description">Measure performance.</p>
@@ -496,21 +496,21 @@
 -duration to run the benchmark for a fixed number of seconds and -concurrent
 to run the benchmark in parallel (requires the OpenMP feature).</p>
 
-<pre>
+<pre><code>
 -> convert logo: -resize 200% -bench 5 logo.png
 Performance[1]: 5i 1.344ips 1.000e 3.710u 0:03.720
 Performance[2]: 5i 1.634ips 0.549e 3.890u 0:03.060
 Performance[3]: 5i 2.174ips 0.618e 3.190u 0:02.300
 Performance[4]: 5i 1.678ips 0.555e 3.810u 0:02.980
 Performance[4]: 5i 0.875657ips 6.880u 0:05.710
-</pre>
+</code></pre>
 
 <p>In this example, 5 iterations were completed at 2.174 iterations per
 second, using 3 threads and 3.190 seconds of the user allotted time, for
 a total elapsed time of 2.300 seconds.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="bias"></a>-bias <var>value</var>{<var>%</var>}</h3>
+  <h3><a id="bias"></a>-bias <var>value</var>{<var>%</var>}</h3>
 </div>
 
 <p class="magick-description">Add bias when convolving an image.</p>
@@ -537,13 +537,13 @@
 entry.  </p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="black-point-compensation"></a>-black-point-compensation</h3>
+  <h3><a id="black-point-compensation"></a>-black-point-compensation</h3>
 </div>
 
 <p class="magick-description">Use black point compensation.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="black-threshold"></a>-black-threshold <var>value</var>{<var>%</var>}</h3>
+  <h3><a id="black-threshold"></a>-black-threshold <var>value</var>{<var>%</var>}</h3>
 </div>
 
 <p class="magick-description">Force to black all pixels below the threshold while leaving all pixels at or above the threshold unchanged.</p>
@@ -554,7 +554,7 @@
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="blend"></a>-blend <var>geometry</var></h3>
+  <h3><a id="blend"></a>-blend <var>geometry</var></h3>
 </div>
 
 <p class="magick-description">blend an image into another by the given absolute value or percent.</p>
@@ -568,13 +568,13 @@
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="blue-primary"></a>-blue-primary <var>x</var>,<var>y</var></h3>
+  <h3><a id="blue-primary"></a>-blue-primary <var>x</var>,<var>y</var></h3>
 </div>
 
 <p class="magick-description">Set the blue chromaticity primary point.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="blue-shift"></a>-blue-shift <var>factor</var></h3>
+  <h3><a id="blue-shift"></a>-blue-shift <var>factor</var></h3>
 </div>
 
 <p class="magick-description">simulate a scene at nighttime in the moonlight.  Start with a factor of 1.5</p>
@@ -582,7 +582,7 @@
 <div style="margin: auto;">
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="blur"></a>-blur <var>radius</var><br />-blur <var>radius</var>x<var>sigma</var></h3>
+  <h3><a id="blur"></a>-blur <var>radius</var><br />-blur <var>radius</var>x<var>sigma</var></h3>
 </div>
 
 <p class="magick-description">Reduce image noise and reduce detail levels.</p>
@@ -618,7 +618,7 @@
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="border"></a>-border <var>geometry</var></h3>
+  <h3><a id="border"></a>-border <var>geometry</var></h3>
 </div>
 
 <p class="magick-description">Surround the image with a border of color. </p>
@@ -629,31 +629,31 @@
 
 <p>As of IM 6.7.8-8, the <var>geometry</var> arguments behave as follows:</p>
 
-<dl class="dl-horizontal">
-<dt><var>value</var></dt>
-<dd>value is added to both left/right and top/bottom</dd>
-<dt><var>value-x</var><kbd>x</kbd></dt>
-<dd>value-x is added only to left/right and top/bottom are unchanged</dd>
-<dt><kbd>x</kbd><var>value-y</var></dt>
-<dd>value-y is added only to top/bottom and left/right are unchanged</dd>
-<dt><var>value-x</var><kbd>x</kbd><var>value-y</var></dt>
-<dd>value-x is added to left/right and value-y added to top/bottom</dd>
-<dt><var>value-x</var><kbd>x</kbd>0</dt>
-<dd>value-x is added only to left/right and top/bottom are unchanged</dd>
-<dt>0<kbd>x</kbd><var>value-y</var></dt>
-<dd>value-y is added only to top/bottom and left/right are unchanged</dd>
-<dt><var>value</var>%</dt>
-<dd>value % of width is added to left/right and value % of height is added to top/bottom</dd>
-<dt><var>value-x</var><kbd>x</kbd>%</dt>
-<dd>value-x % of width is added to left/right and to top/bottom</dd>
-<dt>x<var>value-y</var>%</dt>
-<dd>value-y % of height is added to top/bottom and to left/right</dd>
-<dt><var>value-x</var>%<kbd>x</kbd><var>value-y</var>%</dt>
-<dd>value-x % of width is added to left/right and value-y % of height is added to top/bottom</dd>
-<dt><var>value-x</var>%<kbd>x</kbd>0%</dt>
-<dd>value-x % of width is added to left/right and top/bottom are unchanged</dd>
-<dt>0%<kbd>x</kbd><var>value-y</var>%</dt>
-<dd>value-y % of height is added to top/bottom and left/right are unchanged</dd>
+<dl class="row">
+<dt class="col-md-4"><var>value</var></dt>
+<dd class="col-md-8">value is added to both left/right and top/bottom</dd>
+<dt class="col-md-4"><var>value-x</var><kbd>x</kbd></dt>
+<dd class="col-md-8">value-x is added only to left/right and top/bottom are unchanged</dd>
+<dt class="col-md-4"><kbd>x</kbd><var>value-y</var></dt>
+<dd class="col-md-8">value-y is added only to top/bottom and left/right are unchanged</dd>
+<dt class="col-md-4"><var>value-x</var><kbd>x</kbd><var>value-y</var></dt>
+<dd class="col-md-8">value-x is added to left/right and value-y added to top/bottom</dd>
+<dt class="col-md-4"><var>value-x</var><kbd>x</kbd>0</dt>
+<dd class="col-md-8">value-x is added only to left/right and top/bottom are unchanged</dd>
+<dt class="col-md-4">0<kbd>x</kbd><var>value-y</var></dt>
+<dd class="col-md-8">value-y is added only to top/bottom and left/right are unchanged</dd>
+<dt class="col-md-4"><var>value</var>%</dt>
+<dd class="col-md-8">value % of width is added to left/right and value % of height is added to top/bottom</dd>
+<dt class="col-md-4"><var>value-x</var><kbd>x</kbd>%</dt>
+<dd class="col-md-8">value-x % of width is added to left/right and to top/bottom</dd>
+<dt class="col-md-4">x<var>value-y</var>%</dt>
+<dd class="col-md-8">value-y % of height is added to top/bottom and to left/right</dd>
+<dt class="col-md-4"><var>value-x</var>%<kbd>x</kbd><var>value-y</var>%</dt>
+<dd class="col-md-8">value-x % of width is added to left/right and value-y % of height is added to top/bottom</dd>
+<dt class="col-md-4"><var>value-x</var>%<kbd>x</kbd>0%</dt>
+<dd class="col-md-8">value-x % of width is added to left/right and top/bottom are unchanged</dd>
+<dt class="col-md-4">0%<kbd>x</kbd><var>value-y</var>%</dt>
+<dd class="col-md-8">value-y % of height is added to top/bottom and left/right are unchanged</dd>
 </dl>
 
 <p>Set the border color by preceding with the <a
@@ -670,7 +670,7 @@
 functionality.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="bordercolor"></a>-bordercolor <var>color</var></h3>
+  <h3><a id="bordercolor"></a>-bordercolor <var>color</var></h3>
 </div>
 
 <p class="magick-description">Set the border color.</p>
@@ -680,13 +680,13 @@
 <p>The default border color is <code>#DFDFDF</code>, <span style="background-color: #dfdfdf;">this shade of gray</span>.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="borderwidth"></a>-borderwidth <var>geometry</var> </h3>
+  <h3><a id="borderwidth"></a>-borderwidth <var>geometry</var> </h3>
 </div>
 
 <p class="magick-description">Set the border width.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="brightness-contrast"></a>-brightness-contrast <var>brightness</var><br />-brightness-contrast <var>brightness</var>{x<var>contrast</var>}{<var>%</var>}</h3>
+  <h3><a id="brightness-contrast"></a>-brightness-contrast <var>brightness</var><br />-brightness-contrast <var>brightness</var>{x<var>contrast</var>}{<var>%</var>}</h3>
 </div>
 
 <p class="magick-description">Adjust the brightness and/or contrast of the image.</p>
@@ -724,13 +724,13 @@
 symbol is no different than leaving it off.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="cache"></a>-cache <var>threshold</var></h3>
+  <h3><a id="cache"></a>-cache <var>threshold</var></h3>
 </div>
 
 <p class="magick-description">(This option has been replaced by the <a href='command-line-options.html#limit'>-limit</a> option).</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="canny"></a>-canny <var>radius</var><br/>-canny <var>radius</var>x<var>sigma</var>{<var>+lower-percent</var>}{<var>+upper-percent</var>}</h3>
+  <h3><a id="canny"></a>-canny <var>radius</var><br/>-canny <var>radius</var>x<var>sigma</var>{<var>+lower-percent</var>}{<var>+upper-percent</var>}</h3>
 </div>
 
 <p class="magick-description">Canny edge detector uses a multi-stage algorithm to detect a wide range of edges in the image.</p>
@@ -738,7 +738,7 @@
 <p>The thresholds range from 0 to 100% (e.g. -canny 0x1+10%+30%) with {<var>+lower-percent</var>} &lt; {<var>+upper-percent</var>}. If {<var>+upper-percent</var>} is increased but {<var>+lower-percent</var>} remains the same, lesser edge components will be detected, but their lengths will be the same. If {<var>+lower-percent</var>} is increased but {<var>+upper-percent</var>} is the same, the same number of edge components will be detected but their lengths will be shorter. The default thresholds are shown. The <var>radius</var>x<var>sigma</var> controls a gaussian blur applied to the input image to reduce noise and smooth the edges.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="caption"></a>-caption <var>string</var></h3>
+  <h3><a id="caption"></a>-caption <var>string</var></h3>
 </div>
 
 <p class="magick-description">Assign a caption to an image.</p>
@@ -762,9 +762,9 @@
 
 <p>For example,</p>
 
-<pre>
+<pre><code>
 -caption "%m:%f %wx%h"  bird.miff
-</pre>
+</code></pre>
 
 <p>produces an image caption of <code>MIFF:bird.miff 512x480</code> (assuming
 that the image <code>bird.miff</code> has a width of 512 and a height of
@@ -772,14 +772,14 @@
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="cdl"></a>-cdl <var>filename</var></h3>
+  <h3><a id="cdl"></a>-cdl <var>filename</var></h3>
 </div>
 
 <p class="magick-description">color correct with a color decision list.</p>
 
 <p>Here is an example color correction collection:</p>
 
-<pre>
+<pre><code>
 &lt;?xml version="1.0" encoding="UTF-8"?&gt;
 &lt;ColorCorrectionCollection xmlns="urn:ASC:CDL:v1.2"&gt;
   &lt;ColorCorrection id="cc06668"&gt;
@@ -793,10 +793,10 @@
     &lt;/SATNode&gt;
   &lt;/ColorCorrection&gt;
 &lt;/ColorCorrectionCollection&gt;
-</pre>
+</code></pre>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="channel"></a>-channel <var>type</var></h3>
+  <h3><a id="channel"></a>-channel <var>type</var></h3>
 </div>
 
 <p class="magick-description">Specify those image color channels to which subsequent operators are limited.</p>
@@ -814,13 +814,13 @@
 
 For example, to only select the <code>Red</code> and <code>Blue</code> channels
 you can either use </p>
-<pre>
+<pre><code>
 -channel Red,Blue
-</pre>
+</code></pre>
 <p>or you can use the short hand form</p>
-<pre>
+<pre><code>
 -channel RB
-</pre>
+</code></pre>
 
 <p>All the channels that are present in an image can be specified using the
 special channel type <code>All</code>. Not all operators are 'channel capable',
@@ -924,50 +924,50 @@
 href="command-line-options.html#clut">-clut</a> operator is a good example of this. </p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="channel-fx"></a>-channel-fx <var>expression</var></h3>
+  <h3><a id="channel-fx"></a>-channel-fx <var>expression</var></h3>
 </div>
 
 <p class="magick-description">exchange, extract, or copy one or more image channels.</p>
 
 <p>The expression consists of one or more channels, either mnemonic or numeric (e.g. red or 0, green or 1, etc.), separated by certain operation symbols as follows:</p>
 
-<pre>
+<pre><code>
 &lt;=&gt;  exchange two channels (e.g. red&lt;=&gt;blue)
 =&gt;   copy one channel to another channel (e.g. red=&gt;green)
 =    assign a constant value to a channel (e.g. red=50%)
 ,    write new image with channels in the specified order (e.g. red, green)
 ;    add a new output image for the next set of channel operations (e.g. red; green; blue)
 |    move to the next input image for the source of channel data (e.g. | gray=>alpha)
-</pre>
+</code></pre>
 
 <p>For example, to create 3 grayscale images from the red, green, and blue channels of an image, use:</p>
 
-<pre>
+<pre><code>
 -channel-fx "red; green; blue"
-</pre>
+</code></pre>
 
 <p>A channel without an operation symbol implies separate (i.e, semicolon).</p>
 
 <p>Here we take an sRGB image and a grayscale image and inject the grayscale image into the alpha channel:</p>
-<pre>
+<pre><code>
 convert wizard.png mask.pgm -channel-fx '| gray=>alpha' wizard-alpha.png
-</pre>
+</code></pre>
 <p>Use a similar command to define a read mask:</p>
-<pre>
+<pre><code>
 convert wizard.png mask.pgm -channel-fx '| gray=>read-mask' wizard-mask.png
-</pre>
+</code></pre>
 
 <p>Add <code>-debug pixel</code> prior to the <code>-channel-fx</code> option to track the channel morphology.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="charcoal"></a>-charcoal <var>factor</var></h3>
+  <h3><a id="charcoal"></a>-charcoal <var>factor</var></h3>
 </div>
 
 <p class="magick-description">Simulate a charcoal drawing.</p>
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="chop"></a>-chop <var>geometry</var></h3>
+  <h3><a id="chop"></a>-chop <var>geometry</var></h3>
 </div>
 
 <p class="magick-description">Remove pixels from the interior of an image.</p>
@@ -992,13 +992,13 @@
 href="command-line-options.html#splice">-splice</a> that was given the same <var>geometry</var> and <a href="command-line-options.html#gravity">-gravity</a> settings. </p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="clamp"></a>-clamp</h3>
+  <h3><a id="clamp"></a>-clamp</h3>
 </div>
 
 <p class="magick-description">set each pixel whose value is below zero to zero and any the pixel whose value is above the quantum range to the quantum range (e.g. 65535) otherwise the pixel value remains unchanged.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="clip"></a>-clip</h3>
+  <h3><a id="clip"></a>-clip</h3>
 </div>
 
 <p class="magick-description">Apply the clipping path if one is present.</p>
@@ -1007,9 +1007,9 @@
 
 <p>For example, in the command</p>
 
-<pre>
+<pre><code>
 convert cockatoo.tif -clip -negate negated.tif
-</pre>
+</code></pre>
 
 <p>only the pixels within the clipping path are negated.</p>
 
@@ -1019,7 +1019,7 @@
 <p>Use <a href="command-line-options.html#clip">+clip</a> to disable clipping for subsequent operations.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="clip-mask"></a>-clip-mask</h3>
+  <h3><a id="clip-mask"></a>-clip-mask</h3>
 </div>
 
 <p class="magick-description">Clip the image as defined by this mask.</p>
@@ -1037,7 +1037,7 @@
 <p>Use <a href="command-line-options.html#clip-mask">+clip-mask</a> to disable clipping for subsequent operations.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="clip-path"></a>-clip-path <var>id</var></h3>
+  <h3><a id="clip-path"></a>-clip-path <var>id</var></h3>
 </div>
 
 <p class="magick-description">Clip along a named path from the 8BIM profile.</p>
@@ -1047,7 +1047,7 @@
 <p>Use <a href="command-line-options.html#clip-path">+clip-path</a> to disable clipping for subsequent operations.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="clone"></a>-clone <var>index(s)</var></h3>
+  <h3><a id="clone"></a>-clone <var>index(s)</var></h3>
 </div>
 
 <p class="magick-description">make a clone of an image (or images).</p>
@@ -1070,7 +1070,7 @@
 '<code>−1</code>'. </p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="clut"></a>-clut</h3>
+  <h3><a id="clut"></a>-clut</h3>
 </div>
 
 <p class="magick-description">Replace the channel values in the first image using each corresponding channel in the second image as a <b>c</b>olor <b>l</b>ook<b>u</b>p <b>t</b>able.</p>
@@ -1116,7 +1116,7 @@
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="coalesce"></a>-coalesce</h3>
+  <h3><a id="coalesce"></a>-coalesce</h3>
 </div>
 
 <p class="magick-description">Fully define the look of each frame of an GIF animation sequence, to form a 'film strip' animation.</p>
@@ -1136,7 +1136,7 @@
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="colorize"></a>-colorize <var>value</var></h3>
+  <h3><a id="colorize"></a>-colorize <var>value</var></h3>
 </div>
 
 <p class="magick-description">Colorize the image by an amount specified by <var>value</var> using the color specified by the most recent <a href="command-line-options.html#fill" >-fill</a> setting.</p>
@@ -1147,7 +1147,7 @@
 values (e.g., <code>-colorize 0,0,50</code>).</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="colormap"></a>-colormap <var>type</var></h3>
+  <h3><a id="colormap"></a>-colormap <var>type</var></h3>
 </div>
 
 <p class="magick-description">Define the colormap type.</p>
@@ -1165,7 +1165,7 @@
 when the image colormap is installed.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="colors"></a>-colors <var>value</var></h3>
+  <h3><a id="colors"></a>-colors <var>value</var></h3>
 </div>
 
 <p class="magick-description">Set the preferred number of colors in the image.</p>
@@ -1181,7 +1181,7 @@
 color reduction algorithm</a> for more details.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="color-matrix"></a>-color-matrix <var>matrix</var></h3>
+  <h3><a id="color-matrix"></a>-color-matrix <var>matrix</var></h3>
 </div>
 
 <p class="magick-description">apply color correction to the image.</p>
@@ -1195,7 +1195,7 @@
 
 <p>As an example, to add contrast to an image with offsets, try this command:</p>
 
-<pre>
+<pre><code>
 convert kittens.jpg -color-matrix \
   " 1.5 0.0 0.0 0.0, 0.0, -0.157 \
     0.0 1.5 0.0 0.0, 0.0, -0.157 \
@@ -1203,16 +1203,16 @@
     0.0 0.0 0.0 1.0, 0.0,  0.0 \
     0.0 0.0 0.0 0.0, 1.0,  0.0 \
     0.0 0.0 0.0 0.0, 0.0,  1.0" kittens.png
-</pre>
+</code></pre>
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="colorspace"></a>-colorspace <var>value</var></h3>
+  <h3><a id="colorspace"></a>-colorspace <var>value</var></h3>
 </div>
 
 <p class="magick-description">Set the image colorspace.</p>
 
 <p>Choices are:</p>
 
-<pre>
+<pre><code>
 CMY          CMYK         Gray         HCL
 HCLp         HSB          HSI          HSL
 HSV          HWB          Lab          LCHab
@@ -1221,13 +1221,13 @@
 scRGB        sRGB         Transparent  xyY
 XYZ          YCbCr        YCC          YDbDr
 YIQ          YPbPr        YUV          Undefined
-</pre>
+</code></pre>
 
 <p>To print a complete list of colorspaces, use <a href="command-line-options.html#list">-list colorspace</a>.</p>
 
 <p>For a more accurate color conversion to or from the linear RGB, CMYK, or grayscale colorspaces, use the <a href="command-line-options.html#profile">-profile</a> option.  Note, ImageMagick assumes the sRGB colorspace if the image format does not indicate otherwise.  For colorspace conversion, the gamma function is first removed to produce linear RGB.</p>
 
-<table class="table table-condensed table-striped">
+<table class="table table-sm table-striped">
         <caption>Conversion of RGB to Other Color Spaces</caption>
         <tr><th valign="middle">CMY</th></tr>
         <tr><td valign="middle">C=<var>QuantumRange</var>−R</td></tr>
@@ -1329,8 +1329,8 @@
 <p>Use the <code>Undefined</code> colorspace to identify multi-spectral images.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="combine"></a>-combine</h3>
-  <h3 class="magick-header">+combine <var>colorspace</var></h3>
+  <h3><a id="combine"></a>-combine</h3>
+  <h3>+combine <var>colorspace</var></h3>
 </div>
 
 <p class="magick-description">Combine one or more images into a single image.</p>
@@ -1346,14 +1346,14 @@
 Thus, in the following example, the final image should be a copy of the
 original.  </p>
 
-<pre>
+<pre><code>
 convert original.png -channel RGB -separate sepimage.png
 convert sepimage-0.png sepimage-1.png sepimage-2.png -channel RGB \
   -combine imagecopy.png
-</pre>
+</code></pre>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="comment"></a>-comment <var>string</var></h3>
+  <h3><a id="comment"></a>-comment <var>string</var></h3>
 </div>
 
 <p class="magick-description">Embed a comment in an image.</p>
@@ -1377,42 +1377,42 @@
 
 <p>For example,</p>
 
-<pre>
+<pre><code>
 -comment "%m:%f %wx%h"  bird.miff
-</pre>
+</code></pre>
 
 <p>produces an image comment of <code>MIFF:bird.miff 512x480</code> (assuming
 that the image <code>bird.miff</code> has a width of 512 and a height of
 480.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="compare"></a>-compare</h3>
+  <h3><a id="compare"></a>-compare</h3>
 </div>
 
 <p class="magick-description">mathematically and visually annotate the difference between an image and its reconstruction</p>
 
 <p>This is a convert version of "<code>compare</code>" for two same sized images. The syntax is as follows, but other metrics are allowed.</p>
 
-<pre>
+<pre><code>
 convert image.png reference.png -metric RMSE -compare \ <br/> difference.png
-</pre>
+</code></pre>
 
 <p>To get the metric value use the string format "%[distortion]".</p>
 
-<pre>
+<pre><code>
 convert image.png reference.png -metric RMSE -compare -format \
    "%[distortion]" info:
-</pre>
+</code></pre>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="complex"></a>-complex <var>operator</var></h3>
+  <h3><a id="complex"></a>-complex <var>operator</var></h3>
 </div>
 
 <p class="magick-description">perform complex mathematics on an image sequence</p>
 
 Choose from these operators:
 
-<pre>
+<pre><code>
 add
 conjugate
 divide
@@ -1420,12 +1420,12 @@
 multiply
 real-imaginary
 subtract
-</pre>
+</code></pre>
 
 <p>Optionally specify the <code>divide</code> operator SNR with <code><a href="command-line-options.html#define">-define</a> complex:snr=float</code>.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="compose"></a>-compose <var>operator</var></h3>
+  <h3><a id="compose"></a>-compose <var>operator</var></h3>
 </div>
 
 <p class="magick-description">Set the type of image composition.</p>
@@ -1450,7 +1450,7 @@
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="composite"></a>-composite</h3>
+  <h3><a id="composite"></a>-composite</h3>
 </div>
 
 <p class="magick-description">Perform alpha composition on two images and an optional mask</p>
@@ -1480,7 +1480,7 @@
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="compress"></a>-compress <var>type</var></h3>
+  <h3><a id="compress"></a>-compress <var>type</var></h3>
 </div>
 
 <p class="magick-description">Use pixel compression specified by <var>type</var> when writing the image.</p>
@@ -1522,7 +1522,7 @@
 the chroma channels.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="connected-components"></a>-connected-components <var>connectivity</var></h3>
+  <h3><a id="connected-components"></a>-connected-components <var>connectivity</var></h3>
 </div>
 
 <p class="magick-description"><a href="connected-components.html">connected-components</a> labeling detects connected regions in an image, choose from 4 or 8 way connectivity.</p>
@@ -1530,7 +1530,7 @@
 <p>Use <code><a href="command-line-options.html#define" >-define</a> connected-components:verbose=true</code> to output statistics associated with each unique label.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="contrast"></a>-contrast</h3>
+  <h3><a id="contrast"></a>-contrast</h3>
 </div>
 
 <p class="magick-description">Enhance or reduce the image contrast.</p>
@@ -1542,12 +1542,12 @@
 
 <p>For a more pronounced effect you can repeat the option:</p>
 
-<pre>
+<pre><code>
 convert rose: -contrast -contrast rose_c2.png
-</pre>
+</code></pre>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="contrast-stretch"></a>-contrast-stretch <var>black-point</var><br />-contrast-stretch <var>black-point</var>{x<var>white-point</var>}{<var>%</var>}</h3>
+  <h3><a id="contrast-stretch"></a>-contrast-stretch <var>black-point</var><br />-contrast-stretch <var>black-point</var>{x<var>white-point</var>}{<var>%</var>}</h3>
 </div>
 
 <p class="magick-description">Increase the contrast in an image by <var>stretching</var> the range of intensity values.</p>
@@ -1581,7 +1581,7 @@
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="convolve"></a>-convolve <var>kernel</var></h3>
+  <h3><a id="convolve"></a>-convolve <var>kernel</var></h3>
 </div>
 
 <p class="magick-description">Convolve an image with a user-supplied convolution kernel.</p>
@@ -1611,13 +1611,13 @@
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="copy"></a>-copy <var>geometry</var> <var>offset</var></h3>
+  <h3><a id="copy"></a>-copy <var>geometry</var> <var>offset</var></h3>
 </div>
 
 <p class="magick-description">copy pixels from one area of an image to another.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="crop"></a>-crop <var>geometry</var>{<var>@</var>}{<var>!</var>}</h3>
+  <h3><a id="crop"></a>-crop <var>geometry</var>{<var>@</var>}{<var>!</var>}</h3>
 </div>
 
 <p class="magick-description">Cut out one or more rectangular regions of the image.</p>
@@ -1669,7 +1669,7 @@
 offset.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="cycle"></a>-cycle <var>amount</var></h3>
+  <h3><a id="cycle"></a>-cycle <var>amount</var></h3>
 </div>
 
 <p class="magick-description">displace image colormap by amount.</p>
@@ -1679,7 +1679,7 @@
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="debug"></a>-debug <var>events</var></h3>
+  <h3><a id="debug"></a>-debug <var>events</var></h3>
 </div>
 
 <p class="magick-description">enable debug printout.</p>
@@ -1696,9 +1696,9 @@
 
 <p>For example, to log cache and blob events, use.</p>
 
-<pre>
+<pre><code>
 convert -debug "Cache,Blob" rose: rose.png
-</pre>
+</code></pre>
 
 <p>The <code>User</code> domain is normally empty, but developers can log user
 events in their private copy of ImageMagick.</p>
@@ -1718,7 +1718,7 @@
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="decipher"></a>-decipher <var>filename</var></h3>
+  <h3><a id="decipher"></a>-decipher <var>filename</var></h3>
 </div>
 
 <p class="magick-description">Decipher and restore pixels that were previously transformed by <a href="command-line-options.html#encipher">-encipher</a>.</p>
@@ -1731,7 +1731,7 @@
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="deconstruct"></a>-deconstruct</h3>
+  <h3><a id="deconstruct"></a>-deconstruct</h3>
 </div>
 
 <p class="magick-description">find areas that has changed between images </p>
@@ -1750,7 +1750,7 @@
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="define"></a>-define <var>key</var>{<var>=value</var>}<var>...</var></h3>
+  <h3><a id="define"></a>-define <var>key</var>{<var>=value</var>}<var>...</var></h3>
 </div>
 
 <p class="magick-description">add specific global settings generally used to control coders and image processing operations.</p>
@@ -1781,7 +1781,7 @@
 <p>The following definitions are just some of the artifacts that are
 available:</p>
 
-<table class="table table-condensed table-striped">
+<table class="table table-sm table-striped">
   <tr>
     <td>bmp:alpha=<var>true|false</var></td>
     <td>include any alpha channel when writing in the BMP image format.</td>
@@ -2254,9 +2254,9 @@
     the PNG file.  Because the list is processed from left to right, you
     can achieve this with a single define:</p>
 
-<pre>
+<pre><code>
 -define png:include-chunk=none,gAMA
-</pre>
+</code></pre>
 
     <p>As a special case, if the <code>sRGB</code> chunk is not excluded and
     the PNG encoder recognizes that the image contains the sRGB ICC profile,
@@ -2278,9 +2278,9 @@
     <p>The <a href="command-line-options.html#strip">-strip</a> option does the equivalent of the
     following for PNG output:</p>
 
-<pre>
+<pre><code>
 -define png:exclude-chunk=EXIF,iCCP,iTXt,sRGB,tEXt,zCCP,zTXt,date
-</pre>
+</code></pre>
 
     <p>The default behavior is to include all known PNG ancillary chunks
     plus ImageMagick's private <code>vpAg</code> ("virtual page") chunk,
@@ -2494,20 +2494,20 @@
 <p>For example, to create a postscript file that will render only the black
 pixels of a bilevel image, use:</p>
 
-<pre>
+<pre><code>
 convert bilevel.tif -define ps:imagemask eps3:stencil.ps
-</pre>
+</code></pre>
 
 <p>Set attributes of the image registry by prefixing the value with
 <code>registry:</code>.  For example, to set a temporary path to put work files,
 use:</p>
 
-<pre>
+<pre><code>
 -define registry:temporary-path=/data/tmp
-</pre>
+</code></pre>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="delay"></a>-delay <var>ticks</var> <br />-delay <var>ticks</var>x<var>ticks-per-second</var> {<var>&lt;</var>} {<var>&gt;</var>}</h3>
+  <h3><a id="delay"></a>-delay <var>ticks</var> <br />-delay <var>ticks</var>x<var>ticks-per-second</var> {<var>&lt;</var>} {<var>&gt;</var>}</h3>
 </div>
 
 <p class="magick-description">display the next image after pausing.</p>
@@ -2528,7 +2528,7 @@
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="delete"></a>-delete <var>indexes</var></h3>
+  <h3><a id="delete"></a>-delete <var>indexes</var></h3>
 </div>
 
 <p class="magick-description">delete the images specified by index, from the image sequence.</p>
@@ -2541,7 +2541,7 @@
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="density"></a>-density <var>width</var><br />-density <var>width</var>x<var>height</var></h3>
+  <h3><a id="density"></a>-density <var>width</var><br />-density <var>width</var>x<var>height</var></h3>
 </div>
 
 <p class="magick-description">Set the horizontal and vertical resolution of an image for rendering to devices.</p>
@@ -2575,7 +2575,7 @@
 resolution, use the <a href="command-line-options.html#resample">-resample</a> option.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="depth"></a>-depth <var>value</var></h3>
+  <h3><a id="depth"></a>-depth <var>value</var></h3>
 </div>
 
 <p class="magick-description">depth of the image.</p>
@@ -2585,13 +2585,13 @@
 or CMYK, or to change the depth of any image after it has been read.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="descend"></a>-descend</h3>
+  <h3><a id="descend"></a>-descend</h3>
 </div>
 
 <p class="magick-description">obtain image by descending window hierarchy.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="deskew"></a>-deskew <var>threshold{%}</var></h3>
+  <h3><a id="deskew"></a>-deskew <var>threshold{%}</var></h3>
 </div>
 
 <p class="magick-description">straighten an image.  A threshold of 40% works for most images.</p>
@@ -2600,19 +2600,19 @@
 <var>true | false</var></code> to auto crop the image.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="despeckle"></a>-despeckle</h3>
+  <h3><a id="despeckle"></a>-despeckle</h3>
 </div>
 
 <p class="magick-description">reduce the speckles within an image.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="direction"></a>-direction <var>type</var></h3>
+  <h3><a id="direction"></a>-direction <var>type</var></h3>
 </div>
 
 <p class="magick-description">render text right-to-left or left-to-right.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="displace"></a>-displace <var>horizontal-scale</var>{%}{!}<br />-displace <var>horizontal-scale</var>x<var>vertical-scale</var>{%}{!}</h3>
+  <h3><a id="displace"></a>-displace <var>horizontal-scale</var>{%}{!}<br />-displace <var>horizontal-scale</var>x<var>vertical-scale</var>{%}{!}</h3>
 </div>
 
 <p class="magick-description">shift image pixels as defined by a displacement map.</p>
@@ -2672,7 +2672,7 @@
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="display"></a>-display <var>host:display[.screen]</var></h3>
+  <h3><a id="display"></a>-display <var>host:display[.screen]</var></h3>
 </div>
 
 <p class="magick-description">Specifies the X server to contact.</p>
@@ -2681,7 +2681,7 @@
 X server. See <var>X(1)</var>.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="dispose"></a>-dispose <var>method</var></h3>
+  <h3><a id="dispose"></a>-dispose <var>method</var></h3>
 </div>
 
 <p class="magick-description">define the GIF disposal image setting for images that are being created or read in. </p>
@@ -2693,11 +2693,11 @@
 
 <p>Here are the valid methods:</p>
 
-<dl class="dl-horizontal">
-<dt>Undefined</dt><dd>0:  No disposal specified (equivalent to '<code>none</code>').</dd>
-<dt>None</dt><dd>1:  Do not dispose, just overlay next frame image.</dd>
-<dt>Background</dt><dd>2:  Clear the frame area with the background color.</dd>
-<dt>Previous</dt><dd>3:  Clear to the image prior to this frames overlay.</dd>
+<dl class="row">
+<dt class="col-md-4">Undefined</dt><dd class="col-md-8">0:  No disposal specified (equivalent to '<code>none</code>').</dd>
+<dt class="col-md-4">None</dt><dd class="col-md-8">1:  Do not dispose, just overlay next frame image.</dd>
+<dt class="col-md-4">Background</dt><dd class="col-md-8">2:  Clear the frame area with the background color.</dd>
+<dt class="col-md-4">Previous</dt><dd class="col-md-8">3:  Clear to the image prior to this frames overlay.</dd>
 </dl>
 
 <p>You can also use the numbers given above, which is what the GIF format
@@ -2712,14 +2712,14 @@
 disposal method for images already in memory.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="dissimilarity-threshold"></a>-dissimilarity-threshold <var>value</var></h3>
+  <h3><a id="dissimilarity-threshold"></a>-dissimilarity-threshold <var>value</var></h3>
 </div>
 
 <p class="magick-description">maximum RMSE for subimage match (default 0.2).</p>
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="dissolve"></a>-dissolve <var>src_percent</var>[x<var>dst_percent</var>]</h3>
+  <h3><a id="dissolve"></a>-dissolve <var>src_percent</var>[x<var>dst_percent</var>]</h3>
 </div>
 
 <p class="magick-description">dissolve an image into another by the given percent.</p>
@@ -2735,7 +2735,7 @@
 images, you would need to use dissolve values of '50,100'.  </p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="distort"></a>-distort <var>method arguments</var></h3>
+  <h3><a id="distort"></a>-distort <var>method arguments</var></h3>
 </div>
 
 <p class="magick-description">distort an image, using the given <var>method</var> and its required <var>arguments</var>.</p>
@@ -2746,7 +2746,7 @@
 
 <p>Choose from these distortion types:</p>
 
-<table class="table table-condensed table-striped">
+<table class="table table-sm table-striped">
   <tr>
     <th style="width: 8%">Method</th>
     <th>Description</th>
@@ -2765,13 +2765,13 @@
        The number of arguments determine the specific meaning of each
        argument for the scales, rotation, and translation operations. <br/>
 
-       <dl class="dl-horizontal">
-       <dt>2:</dt><dd><var>Scale   Angle</var></dd>
-       <dt>3:</dt><dd><var>X,Y     Angle</var></dd>
-       <dt>4:</dt><dd><var>X,Y   Scale   Angle</var></dd>
-       <dt>5:</dt> <dd><var>X,Y   ScaleX,ScaleY   Angle</var></dd>
-       <dt>6:</dt> <dd><var>X,Y   Scale   Angle   NewX,NewY</var></dd>
-       <dt>7:</dt> <dd><var>X,Y   ScaleX,ScaleY   Angle NewX,NewY</var></dd>
+       <dl class="row">
+       <dt class="col-md-4">2:</dt><dd class="col-md-8"><var>Scale   Angle</var></dd>
+       <dt class="col-md-4">3:</dt><dd class="col-md-8"><var>X,Y     Angle</var></dd>
+       <dt class="col-md-4">4:</dt><dd class="col-md-8"><var>X,Y   Scale   Angle</var></dd>
+       <dt class="col-md-4">5:</dt> <dd class="col-md-8"><var>X,Y   ScaleX,ScaleY   Angle</var></dd>
+       <dt class="col-md-4">6:</dt> <dd class="col-md-8"><var>X,Y   Scale   Angle   NewX,NewY</var></dd>
+       <dt class="col-md-4">7:</dt> <dd class="col-md-8"><var>X,Y   ScaleX,ScaleY   Angle NewX,NewY</var></dd>
        </dl>
 
        This is actually an alternative way of specifying a 2 dimensional linear
@@ -2884,15 +2884,15 @@
        Arc the image (variation of polar mapping) over the angle given around
        a circle.
 
-       <dl class="dl-horizontal">
-       <dt>arc_angle</dt>
-           <dd>The angle over which to arc the image side-to-side</dd>
-       <dt>rotate_angle</dt>
-           <dd>Angle to rotate resulting image from vertical center</dd>
-       <dt>top_radius</dt>
-           <dd>Set top edge of source image at this radius</dd>
-       <dt>bottom_radius </dt>
-           <dd>Set bottom edge to this radius (radial scaling)</dd>
+       <dl class="row">
+       <dt class="col-md-4">arc_angle</dt>
+           <dd class="col-md-8">The angle over which to arc the image side-to-side</dd>
+       <dt class="col-md-4">rotate_angle</dt>
+           <dd class="col-md-8">Angle to rotate resulting image from vertical center</dd>
+       <dt class="col-md-4">top_radius</dt>
+           <dd class="col-md-8">Set top edge of source image at this radius</dd>
+       <dt class="col-md-4">bottom_radius </dt>
+           <dd class="col-md-8">Set bottom edge to this radius (radial scaling)</dd>
        </dl>
 
        The resulting image is always resized to best fit the resulting image,
@@ -3047,11 +3047,11 @@
 used to group the 4 sets of coordinate pairs, to make it easier to read and
 understand.</p>
 
-<pre>
+<pre><code>
 convert rose:  -virtual-pixel black \
   -distort Perspective '0,0,0,0  0,45,0,45  69,0,60,10  69,45,60,35' \
    rose_3d_rotated.gif"
-</pre>
+</code></pre>
 
 <p>If more that the required number of coordinate pairs are given for
 a distortion, the distortion method is 'least squares' fitted to produce the
@@ -3072,11 +3072,11 @@
 using '<code>perspective</code>' distortion. For example here we view
 a infinitely tiled 'plane' all the way to the horizon. </p>
 
-<pre>
+<pre><code>
 convert -size 90x90 pattern:checkerboard -normalize -virtual-pixel tile \
   -distort perspective  '0,0,5,45  89,0,45,46  0,89,0,89  89,89,89,89' \
    checks_tiled.jpg
-</pre>
+</code></pre>
 
 <p>Note that a infinitely tiled perspective images involving the horizon can
 be very slow, because of the number of pixels that are compressed to generate
@@ -3124,13 +3124,13 @@
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="distribute-cache"></a>-distribute-cache <var>port</var></h3>
+  <h3><a id="distribute-cache"></a>-distribute-cache <var>port</var></h3>
 </div>
 
 <p class="magick-description">launch a distributed pixel cache server. </p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="dither"></a>-dither <var>method</var></h3>
+  <h3><a id="dither"></a>-dither <var>method</var></h3>
 </div>
 
 <p class="magick-description">Apply a Riemersma or Floyd-Steinberg error diffusion dither to
@@ -3165,7 +3165,7 @@
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="draw"></a>-draw <var>string</var></h3>
+  <h3><a id="draw"></a>-draw <var>string</var></h3>
 </div>
 
 <p class="magick-description">Annotate an image with one or more graphic primitives.</p>
@@ -3176,30 +3176,30 @@
 
 <p>The shape primitives:</p>
 
-<dl class="dl-horizontal">
-<dt>point</dt><dd>          x,y</dd>
-<dt>line</dt><dd>           x0,y0 x1,y1</dd>
-<dt>rectangle</dt><dd>      x0,y0 x1,y1</dd>
-<dt>roundRectangle</dt><dd> x0,y0 x1,y1 wc,hc</dd>
-<dt>arc</dt><dd>            x0,y0 x1,y1 a0,a1</dd>
-<dt>ellipse</dt><dd>        x0,y0 rx,ry a0,a1</dd>
-<dt>circle</dt><dd>         x0,y0 x1,y1</dd>
-<dt>polyline</dt><dd>       x0,y0  ...  xn,yn</dd>
-<dt>polygon</dt><dd>        x0,y0  ...  xn,yn</dd>
-<dt>bezier</dt><dd>         x0,y0  ...  xn,yn</dd>
-<dt>path</dt><dd>specification  </dd>
-<dt>image</dt><dd>          operator x0,y0 w,h filename</dd>
+<dl class="row">
+<dt class="col-md-4">point</dt><dd class="col-md-8">          x,y</dd>
+<dt class="col-md-4">line</dt><dd class="col-md-8">           x0,y0 x1,y1</dd>
+<dt class="col-md-4">rectangle</dt><dd class="col-md-8">      x0,y0 x1,y1</dd>
+<dt class="col-md-4">roundRectangle</dt><dd class="col-md-8"> x0,y0 x1,y1 wc,hc</dd>
+<dt class="col-md-4">arc</dt><dd class="col-md-8">            x0,y0 x1,y1 a0,a1</dd>
+<dt class="col-md-4">ellipse</dt><dd class="col-md-8">        x0,y0 rx,ry a0,a1</dd>
+<dt class="col-md-4">circle</dt><dd class="col-md-8">         x0,y0 x1,y1</dd>
+<dt class="col-md-4">polyline</dt><dd class="col-md-8">       x0,y0  ...  xn,yn</dd>
+<dt class="col-md-4">polygon</dt><dd class="col-md-8">        x0,y0  ...  xn,yn</dd>
+<dt class="col-md-4">bezier</dt><dd class="col-md-8">         x0,y0  ...  xn,yn</dd>
+<dt class="col-md-4">path</dt><dd class="col-md-8">specification  </dd>
+<dt class="col-md-4">image</dt><dd class="col-md-8">          operator x0,y0 w,h filename</dd>
 </dl>
 
 <p>The text primitive:</p>
 
-<dl class="dl-horizontal">
-<dt>text</dt><dd>x0,y0 string</dd>
+<dl class="row">
+<dt class="col-md-4">text</dt><dd class="col-md-8">x0,y0 string</dd>
 </dl>
 <p>The text gravity primitive:</p>
 
-<dl class="dl-horizontal">
-<dt>gravity</dt><dd>NorthWest, North, NorthEast, West, Center, East, SouthWest, South, or SouthEast</dd>
+<dl class="row">
+<dt class="col-md-4">gravity</dt><dd class="col-md-8">NorthWest, North, NorthEast, West, Center, East, SouthWest, South, or SouthEast</dd>
 </dl>
 
 <p>The text gravity primitive only affects the placement of text and does not
@@ -3209,19 +3209,19 @@
 
 <p>The transformation primitives:</p>
 
-<dl class="dl-horizontal">
-<dt>rotate</dt><dd>degrees</dd>
-<dt>translate</dt><dd>dx,dy</dd>
-<dt>scale</dt><dd>sx,sy</dd>
-<dt>skewX</dt><dd>degrees</dd>
-<dt>skewY</dt><dd>degrees</dd>
+<dl class="row">
+<dt class="col-md-4">rotate</dt><dd class="col-md-8">degrees</dd>
+<dt class="col-md-4">translate</dt><dd class="col-md-8">dx,dy</dd>
+<dt class="col-md-4">scale</dt><dd class="col-md-8">sx,sy</dd>
+<dt class="col-md-4">skewX</dt><dd class="col-md-8">degrees</dd>
+<dt class="col-md-4">skewY</dt><dd class="col-md-8">degrees</dd>
 </dl>
 
 <p>The pixel operation primitives:</p>
 
-<dl class="dl-horizontal">
-<dt>color</dt><dd>x0,y0 method</dd>
-<dt>matte</dt><dd>x0,y0 method</dd>
+<dl class="row">
+<dt class="col-md-4">color</dt><dd class="col-md-8">x0,y0 method</dd>
+<dt class="col-md-4">matte</dt><dd class="col-md-8">x0,y0 method</dd>
 </dl>
 
 <p>The shape primitives are drawn in the color specified by the preceding <a
@@ -3273,9 +3273,9 @@
 <p>As an example, to define a circle centered at 100,100 that extends to
 150,150 use:</p>
 
-<pre>
+<pre><code>
 -draw 'circle 100,100 150,150'
-</pre>
+</code></pre>
 
 <p>The <code>Bezier</code> primitive creates a spline curve and requires three
 or points to define its shape. The first and last points are the
@@ -3291,10 +3291,10 @@
 <code>path</code> primitive or to draw multiple four-point bezier segments with
 the start and end knots of each successive segment repeated. For example:</p>
 
-<pre>
+<pre><code>
 -draw 'bezier 20,50 45,100 45,0 70,50'
 -draw 'bezier 70,50 95,100 95,0 120,50'
-</pre>
+</code></pre>
 
 <p>A <code>path</code> represents an outline of an object, defined in terms of
 moveto (set a new current point), lineto (draw a straight line), curveto (draw
@@ -3309,9 +3309,9 @@
 image keyword with the composite operator, image location, image size, and
 filename:</p>
 
-<pre>
+<pre><code>
 -draw 'image SrcOver 100,100 225,225 image.jpg'
-</pre>
+</code></pre>
 
 <p>You can use 0,0 for the image size, which means to use the actual
 dimensions found in the image header. Otherwise, it is scaled to the given
@@ -3329,9 +3329,9 @@
 <p>For example, the following annotates the image with <code>Works like
 magick!</code> for an image titled <code>bird.miff</code>. </p>
 
-<pre>
+<pre><code>
 -draw "text 100,100 'Works like magick!' "
-</pre>
+</code></pre>
 
 <p>See the <a href="command-line-options.html#annotate">-annotate</a> option for another convenient way
 to annotate an image with text.</p>
@@ -3362,13 +3362,13 @@
 fill color (see <a href="command-line-options.html#fill">-fill</a>). Follow the pixel coordinate with
 a method:</p>
 
-<pre>
+<pre><code>
 point
 replace
 floodfill
 filltoborder
 reset
-</pre>
+</code></pre>
 
 <p>Consider the target pixel as that specified by your coordinate. The
 <code>point</code> method recolors the target pixel. The <code>replace</code>
@@ -3402,7 +3402,7 @@
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="duplicate"></a>-duplicate <var>count,indexes</var></h3>
+  <h3><a id="duplicate"></a>-duplicate <var>count,indexes</var></h3>
 </div>
 
 <p class="magick-description">duplicate an image one or more times.</p>
@@ -3415,19 +3415,19 @@
 image sequence.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="edge"></a>-edge <var>radius</var></h3>
+  <h3><a id="edge"></a>-edge <var>radius</var></h3>
 </div>
 
 <p class="magick-description">detect edges within an image.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="emboss"></a>-emboss <var>radius</var></h3>
+  <h3><a id="emboss"></a>-emboss <var>radius</var></h3>
 </div>
 
 <p class="magick-description">emboss an image.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="encipher"></a>-encipher <var>filename</var></h3>
+  <h3><a id="encipher"></a>-encipher <var>filename</var></h3>
 </div>
 
 <p class="magick-description">Encipher pixels for later deciphering by <a href="command-line-options.html#decipher">-decipher</a>.</p>
@@ -3441,24 +3441,24 @@
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="encoding"></a>-encoding <var>type</var></h3>
+  <h3><a id="encoding"></a>-encoding <var>type</var></h3>
 </div>
 
 <p class="magick-description">specify the text encoding.</p>
 
 <p>Choose from</p>
 
-<pre>
+<pre><code>
 AdobeCustom     AdobeExpert
 AdobeStandard   AppleRoman
 BIG5            GB2312
 Latin 2         None
 SJIScode        Symbol
 Unicode         Wansung
-</pre>
+</code></pre>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="endian"></a>-endian <var>type</var></h3>
+  <h3><a id="endian"></a>-endian <var>type</var></h3>
 </div>
 
 <p class="magick-description">Specify endianness (<code>MSB</code> or <code>LSB</code>) of the image.</p>
@@ -3469,14 +3469,14 @@
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="enhance"></a>-enhance</h3>
+  <h3><a id="enhance"></a>-enhance</h3>
 </div>
 
 <p class="magick-description">Apply a digital filter to enhance a noisy image.</p>
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="equalize"></a>-equalize</h3>
+  <h3><a id="equalize"></a>-equalize</h3>
 </div>
 
 <p class="magick-description">perform histogram equalization on the image channel-by-channel.</p>
@@ -3494,7 +3494,7 @@
 -colorspace RGB</code> ...</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="evaluate"></a>-evaluate <var>operator value</var></h3>
+  <h3><a id="evaluate"></a>-evaluate <var>operator value</var></h3>
 </div>
 
 <p class="magick-description">Alter channel pixels by evaluating an arithmetic, relational, or logical expression.</p>
@@ -3511,7 +3511,7 @@
 normalized pixels are used, they are restored, following the other
 calculations, to the full range by multiplying by <var>QuantumRange</var>.)</p>
 
-<table class="table table-condensed table-striped">
+<table class="table table-sm table-striped">
   <col width="25%" />
   <col width="75%" />
   <thead>
@@ -3636,7 +3636,7 @@
 multi-value version of evaluate. </p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="evaluate-sequence"></a>-evaluate-sequence <var>operator</var></h3>
+  <h3><a id="evaluate-sequence"></a>-evaluate-sequence <var>operator</var></h3>
 </div>
 
 <p class="magick-description">Alter channel pixels by evaluating an arithmetic, relational, or
@@ -3647,7 +3647,7 @@
 href="command-line-options.html#list">-list evaluate</a>.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="extent"></a>-extent <var>geometry</var></h3>
+  <h3><a id="extent"></a>-extent <var>geometry</var></h3>
 </div>
 
 <p class="magick-description">Set the image size and offset.</p>
@@ -3662,15 +3662,15 @@
 display.  If the aspect ratio of the input image isn't exactly 4:3, then the
 image is centered on an 800x600 black canvas: </p>
 
-<pre>
+<pre><code>
 convert input.jpg -resize 800x600 -background black -compose Copy \ 
   -gravity center -extent 800x600 -quality 92 output.jpg
-</pre>
+</code></pre>
 
 <p>See <a href="command-line-processing.html#geometry">Image Geometry</a> for complete details about the <em class="arg">geometry</em> argument.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="extract"></a>-extract <var>geometry</var></h3>
+  <h3><a id="extract"></a>-extract <var>geometry</var></h3>
 </div>
 
 <p class="magick-description">Extract the specified area from image.</p>
@@ -3678,31 +3678,31 @@
 <p>This option is most useful for extracting a subregion of a very large raw
 image.  Note that these two commands are equivalent:</p>
 
-<pre>
+<pre><code>
 convert -size 16000x16000 -depth 8 -extract 640x480+1280+960 \ 
   image.rgb image.png",
 convert -size 16000x16000 -depth 8 'image.rgb[640x480+1280+960]' \
   image.rgb image.png"
-</pre>
+</code></pre>
 
 <p>If you omit the offsets, as in</p>
 
-<pre>
+<pre><code>
 convert -size 16000x16000 -depth 8 -extract 640x480 \ 
   image.rgb image.png
-</pre>
+</code></pre>
 
 <p>the image is <var>resized</var> to the specified dimensions instead,
 equivalent to:</p>
 
-<pre>
+<pre><code>
 convert -size 16000x16000 -depth 8 -resize 640x480 image.rgb image.png
-</pre>
+</code></pre>
 
 <p>See <a href="command-line-processing.html#geometry">Image Geometry</a> for complete details about the <em class="arg">geometry</em> argument.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="family"></a>-family <var>fontFamily</var></h3>
+  <h3><a id="family"></a>-family <var>fontFamily</var></h3>
 </div>
 
 <p class="magick-description">Set a font family for text.</p>
@@ -3717,12 +3717,12 @@
 href="command-line-options.html#style">-style</a>, and <a href="command-line-options.html#weight">-weight</a>.  </p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="features"></a>-features <var>distance</var></h3>
+  <h3><a id="features"></a>-features <var>distance</var></h3>
 </div>
 
 <p class="magick-description">display (co-occurrence matrix) texture measure features for each channel in the image in each of four directions (horizontal, vertical, left and right diagonals) for the specified distance.</p>
 
-<pre>
+<pre><code>
 Angular Second Moment       Sum Entropy
 Contrast                    Entropy
 Correlation                 Difference Variance
@@ -3730,10 +3730,10 @@
 Inverse Difference Moment   Information Measure of Correlation 1
 Sum Average                 Information Measure of Correlation 2
 Sum Variance                Maximum Correlation Coefficient
-</pre>
+</code></pre>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="fft"></a>-fft</h3>
+  <h3><a id="fft"></a>-fft</h3>
 </div>
 
 <p class="magick-description">implements the forward discrete Fourier transform (DFT).</p>
@@ -3766,16 +3766,16 @@
 PFM, EXR and PNG are the recommended image formats to use. All of these
 formats, except PNG support multi-frame images. So for example,</p>
 
-<pre>
+<pre><code>
 convert image.png -fft fft_image.miff
-</pre>
+</code></pre>
 
 <p>generates a magnitude image as <code>fft_image.miff[0]</code> and a phase
 image as <code>fft_image.miff[1]</code>. Similarly,</p>
 
-<pre>
+<pre><code>
 convert image.png -fft fft_image.png
-</pre>
+</code></pre>
 
 <p>generates a magnitude image as <code>fft_image-0.png</code> and a phase image
 as <code>fft_image-1.png</code>. If you prefer this representation, then you can
@@ -3800,10 +3800,10 @@
 enhance the darker values more in comparison to the lighter values. This can
 be done, for example, as follows:</p>
 
-<pre>
+<pre><code>
 convert fft_image.miff[0] -contrast-stretch 0 \
   -evaluate log 1000 fft_image_spectrum.png"
-</pre>
+</code></pre>
 
 <p>where either <a href="command-line-options.html#contrast-stretch">-contrast-stretch</a> 0 or <a
 href="command-line-options.html#auto-level">-auto-level</a> is used to scale the image to full dynamic
@@ -3844,7 +3844,7 @@
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="fill"></a>-fill <var>color</var></h3>
+  <h3><a id="fill"></a>-fill <var>color</var></h3>
 </div>
 
 <p class="magick-description">color to use when filling a graphic primitive.</p>
@@ -3858,18 +3858,18 @@
 
 <p>For example,</p>
 
-<pre>
+<pre><code>
 -fill blue
 -fill "#ddddff"
 -fill "rgb(255,255,255)"
-</pre>
+</code></pre>
 
 <p>See <a href="command-line-options.html#draw">-draw</a> for further details.</p>
 
 <p>To print a complete list of color names, use the <a href="command-line-options.html#list">-list color</a> option.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="filter"></a>-filter <var>type</var></h3>
+  <h3><a id="filter"></a>-filter <var>type</var></h3>
 </div>
 
 <p class="magick-description">Use this <var>type</var> of filter when resizing or distorting an image.</p>
@@ -3878,11 +3878,11 @@
 operations such as <a href="command-line-options.html#resize">-resize</a> and <a href="command-line-options.html#distort"
 >-distort</a>. For example you can use a simple resize filter such as:</p>
 
-<pre>
+<pre><code>
 Point       Hermite       Cubic
 Box         Gaussian      Catrom
 Triangle    Quadratic     Mitchell
-</pre>
+</code></pre>
 
 <p>The <code>Bessel</code> and <code>Sinc</code> filter is also provided (as well
 as a faster <code>SincFast</code> equivalent form).  However these filters are
@@ -3895,11 +3895,11 @@
 using these functions will define a 'Windowed' filter, appropriate to the
 operator involved.  Windowed filters include: </p>
 
-<pre>
+<pre><code>
 Lanczos       Hamming       Parzen
 Blackman      Kaiser        Welsh
 Hanning       Bartlett      Bohman
-</pre>
+</code></pre>
 
 <p>Also one special self-windowing filter is also provided
 <code>Lagrange</code>, which will automagically re-adjust its function depending
@@ -3917,7 +3917,7 @@
 use of these expert settings (see also <a href="command-line-options.html#define" >-define</a> and <a
 href="command-line-options.html#set" >-set</a>):-</p>
 
-<table class="table table-condensed table-striped">
+<table class="table table-sm table-striped">
   <tr>
     <td>-define filter:blur=<var>factor</var></td>
     <td>Scale the X axis of the filter (and its window). Use &gt; 1.0 for
@@ -4032,28 +4032,28 @@
 
 <p>For example, to get a 8 lobe jinc windowed sinc filter (Genseng filter?):</p>
 
-<pre>
+<pre><code>
 convert image.png \
   -filter sinc \
   -set filter:window=jinc \
   -set filter:lobes=8 \
   -resize 150%   image.jpg"
-</pre>
+</code></pre>
 
 <p>Or a raw un-windowed Sinc filter with 4 lobes:</p>
 
-<pre>
+<pre><code>
 convert image.png \
   -set filter:filter=sinc \
   -set filter:lobes=4 \
   -resize 150%   image.jpg"
-</pre>
+</code></pre>
 
 <p>To extract the data for a raw windowing function, combine it with
 a '<code>Box</code>' filter.  For example the '<code>Welch</code> parabolic
 windowing function. </p>
 
-<pre>
+<pre><code>
 convert null: -define filter:filter=Box \
   -define filter:window=Welch \
   -define filter:support=1.0 \
@@ -4062,7 +4062,7 @@
 gnuplot
   set grid
   plot \"window_welch.dat\" with lines
-</pre>
+</code></pre>
 
 <p>Note that the use of expert options is provided for image processing experts
 who have studied and understand how resize filters work. Without this
@@ -4072,14 +4072,14 @@
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="flatten"></a>-flatten</h3>
+  <h3><a id="flatten"></a>-flatten</h3>
 </div>
 
 <p class="magick-description">This is a simple alias for the <a href="command-line-options.html#layers" >-layers</a> method "flatten".</p>
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="flip"></a>-flip</h3>
+  <h3><a id="flip"></a>-flip</h3>
 </div>
 
 <p class="magick-description">create a <var>mirror image</var></p>
@@ -4089,7 +4089,7 @@
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="floodfill"></a>-floodfill {<var>+-</var>}<var>x</var>{<var>+-</var>}<var>y</var> <var>color</var></h3>
+  <h3><a id="floodfill"></a>-floodfill {<var>+-</var>}<var>x</var>{<var>+-</var>}<var>y</var> <var>color</var></h3>
 </div>
 
 <p class="magick-description">floodfill the image with color at the specified offset.</p>
@@ -4110,7 +4110,7 @@
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="flop"></a>-flop</h3>
+  <h3><a id="flop"></a>-flop</h3>
 </div>
 
 <p class="magick-description">create a <var>mirror image</var>.</p>
@@ -4120,7 +4120,7 @@
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="font"></a>-font <var>name</var></h3>
+  <h3><a id="font"></a>-font <var>name</var></h3>
 </div>
 
 <p class="magick-description">set the font to use when annotating images with text, or creating labels.</p>
@@ -4139,7 +4139,7 @@
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="foreground"></a>-foreground <var>color</var></h3>
+  <h3><a id="foreground"></a>-foreground <var>color</var></h3>
 </div>
 
 <p class="magick-description">Define the foreground color for menus.", "display</p>
@@ -4150,7 +4150,7 @@
 <p>The default foreground color is black.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="format"></a>-format <var>type</var></h3>
+  <h3><a id="format"></a>-format <var>type</var></h3>
 </div>
 
 <p class="magick-description">the image format type.</p>
@@ -4168,7 +4168,7 @@
 filename becomes <var>image.tiff</var>.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="format_identify_"></a>-format <var>string</var></h3>
+  <h3><a id="format_identify_"></a>-format <var>string</var></h3>
 </div>
 
 <p class="magick-description">output formatted image characteristics.</p>
@@ -4178,7 +4178,7 @@
 option.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="frame"></a>-frame <var>geometry</var></h3>
+  <h3><a id="frame"></a>-frame <var>geometry</var></h3>
 </div>
 
 <p class="magick-description">Surround the image with a border or beveled frame.</p>
@@ -4210,12 +4210,12 @@
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="frame_import_"></a>-frame</h3>
+  <h3><a id="frame_import_"></a>-frame</h3>
 </div>
 
 <p class="magick-description">include the X window frame in the imported image. </p>
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="function"></a>-function <var>function</var> <var>parameters</var></h3>
+  <h3><a id="function"></a>-function <var>function</var> <var>parameters</var></h3>
 </div>
 
 <p class="magick-description">Apply a function to channel values.</p>
@@ -4233,31 +4233,31 @@
 <p>Here,  <var>parameters</var> is a comma-separated list of
 numerical values. The number of values varies depending on which <var>function</var> is selected. Choose the <var>function</var> from:</p>
 
-<pre>
+<pre><code>
 Polynomial
 Sinusoid
 Arcsin
 Arctan
-</pre>
+</code></pre>
 
 <p>To print a complete list of <a href="command-line-options.html#function">-function</a> operators,
 use <a href="command-line-options.html#list">-list function</a>. Descriptions follow.</p>
 
-<dl class="dl-horizontal">
-  <dt>Polynomial</dt>
-  <dd><p>The <code>Polynomial</code> function takes an arbitrary number of parameters,
+<dl class="row">
+  <dt class="col-md-4">Polynomial</dt>
+  <dd class="col-md-8"><p>The <code>Polynomial</code> function takes an arbitrary number of parameters,
 these being the coefficients of a polynomial, in decreasing order of degree.
 That is, entering</p>
 
-<pre>
+<pre><code>
 -function Polynomial <var>a</var><sub><var>n</var></sub>,<var>a</var><sub><var>n</var>-1</sub>,...<var>a</var><sub>1</sub>,<var>a</var><sub>0</sub>
-</pre>
+</code></pre>
 
 <p>will invoke a polynomial function given by</p>
 
-<pre>
+<pre><code>
 <var>a</var><sub><var>n</var></sub> <b><var>u</var></b><sup><var>n</var></sup> + <var>a</var><sub><var>n</var>-1</sub> <b><var>u</var></b><sup><var>n</var>-1</sup> + ··· <var>a</var><sub>1</sub> <b><var>u</var></b> + <var>a</var><sub>0</sub>,
-</pre>
+</code></pre>
 
 <p>where <b><var>u</var></b> is pixel's original normalized channel value.</p>
 
@@ -4268,7 +4268,7 @@
 href="command-line-options.html#level">-level</a> operator also affects channels linearly. Some
 correspondences follow.</p>
 
-<table class="table table-condensed table-striped">
+<table class="table table-sm table-striped">
   <tr>
         <td>-evaluate Set <var>value</var> </td>
         <td>-function Polynomial <var>value</var></td>
@@ -4298,32 +4298,32 @@
 desired.</p>
 
 </dd>
-<dt>Sinusoid</dt>
-<dd>
+<dt class="col-md-4">Sinusoid</dt>
+<dd class="col-md-8">
 <p>The <code>Sinusoid</code> function can be used to vary the channel values
 sinusoidally by setting frequency, phase shift, amplitude, and a bias. These
 values are given as one to four parameters, as follows,</p>
 
-<pre>
+<pre><code>
 -function <code>Sinusoid</code> <var>freq</var>,[<var>phase</var>,[<var>amp</var>,[<var>bias</var>]]]
-</pre>
+</code></pre>
 
 <p>where <var>phase</var> is in degrees. (The domain [0,1] of the function
 corresponds to 0 through <var>freq</var>×360 degrees.)
 The result is that if a pixel's normalized channel value is originally
 <b><var>u</var></b>, its resulting normalized value is given by </p>
 
-<pre>
+<pre><code>
 <var>amp</var> * sin(2*π* (<var>freq</var> * <b><var>u</var></b> + <var>phase</var> / 360)) + <var>bias</var>
-</pre>
+</code></pre>
 
 <p> For example, the following generates a curve that starts and ends at 0.9
 (when <b><var>u</var></b>=0 and 1, resp.), oscillating three times between
 .7−.2=.5 and .7+.2=.9. </p>
 
-<pre>
+<pre><code>
 -function Sinusoid 3,-90,.2,.7
-</pre>
+</code></pre>
 
 <p>The default values of <var>amp</var> and <var>bias</var> are both .5. The default for <var>phase</var>
 is 0.</p>
@@ -4332,7 +4332,7 @@
 <code>Cos</code> of the <a href="command-line-options.html#evaluate">-evaluate</a> operator by allowing
 varying amplitude, phase and bias. The correspondence is as follows.</p>
 
-<table class="table table-condensed table-striped">
+<table class="table table-sm table-striped">
   <tr>
         <td>-evaluate Sin <var>freq</var> </td>
         <td>-function Sinusoid <var>freq</var>,0 </td>
@@ -4343,49 +4343,49 @@
   </tr>
 </table>
   </dd>
-<dt>ArcSin</dt>
-<dd>
+<dt class="col-md-4">ArcSin</dt>
+<dd class="col-md-8">
 <p>The <code>ArcSin</code> function generates the inverse curve of a Sinusoid,
 and can be used to generate cylindrical distortion and displacement maps.
 The curve can be adjusted relative to both the input values and output range
 of values.</p>
 
-<pre>
+<pre><code>
 -function <code>ArcSin</code> <var>width</var>,[<var>center</var>,[<var>range</var>,[<var>bias</var>]]]
-</pre>
+</code></pre>
 
 <p>with all values given in terms of normalized color values (0.0 for black,
 1.0 for white). Defaulting to values covering the full range from 0.0 to 1.0
 for bout input (<var>width</var>), and output (<var>width</var>) values. '<code>1.0,0.5,1.0,0.5</code>' </p>
 
-<pre>
+<pre><code>
 <var>range</var>/π * asin( 2/<var>width</var> * ( <b><var>u</var></b> - <var>center</var> ) ) + <var>bias</var>
-</pre>
+</code></pre>
 
 </dd>
-<dt>ArcTan</dt>
-<dd>
+<dt class="col-md-4">ArcTan</dt>
+<dd class="col-md-8">
 <p>The <code>ArcTan</code> function generates a curve that smooth crosses from
 limit values at infinities, though a center using the given slope value.
 All these values can be adjusted via the arguments.</p>
 
-<pre>
+<pre><code>
 -function <code>ArcTan</code> <var>slope</var>,[<var>center</var>,[<var>range</var>,[<var>bias</var>]]]
-</pre>
+</code></pre>
 
 <p>Defaulting to '<code>1.0,0.5,1.0,0.5</code>'.
 </p>
 
-<pre>
+<pre><code>
 <var>range</var>/π * atan( <var>slope</var>*π * ( <b><var>u</var></b> - <var>center</var> ) ) + <var>bias</var>
-</pre>
+</code></pre>
   </dd>
 </dl>
 
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="fuzz"></a>-fuzz <var>distance</var>{<var>%</var>}</h3>
+  <h3><a id="fuzz"></a>-fuzz <var>distance</var>{<var>%</var>}</h3>
 </div>
 
 <p class="magick-description">Colors within this <var>distance</var> are considered equal.</p>
@@ -4405,7 +4405,7 @@
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="fx"></a>-fx <var>expression</var></h3>
+  <h3><a id="fx"></a>-fx <var>expression</var></h3>
 </div>
 
 <p class="magick-description">apply a mathematical expression to an image or image channels.</p>
@@ -4420,7 +4420,7 @@
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="gamma"></a>-gamma <var>value</var></h3>
+  <h3><a id="gamma"></a>-gamma <var>value</var></h3>
 </div>
 
 <p class="magick-description">level of gamma correction.</p>
@@ -4449,16 +4449,16 @@
 display gamma; e.g., if your image is sRGB and you want to write a PNG gAMA
 chunk, use</p>
 
-<pre>
+<pre><code>
 convert input.png +gamma .45455 output.png
-</pre>
+</code></pre>
 
 <p>(0.45455 is 1/2.2)</p>
 
 <p>Note that gamma adjustments are also available via the <a href="command-line-options.html#level">-level</a> operator.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="gaussian-blur"></a>-gaussian-blur <var>radius</var><br />-gaussian-blur <var>radius</var>x<var>sigma</var></h3>
+  <h3><a id="gaussian-blur"></a>-gaussian-blur <var>radius</var><br />-gaussian-blur <var>radius</var>x<var>sigma</var></h3>
 </div>
 
 <p class="magick-description">Blur the image with a Gaussian operator.</p>
@@ -4493,7 +4493,7 @@
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="geometry"></a>-geometry <var>geometry</var></h3>
+  <h3><a id="geometry"></a>-geometry <var>geometry</var></h3>
 </div>
 
 <p class="magick-description">Set the preferred size and location of the image.</p>
@@ -4501,7 +4501,7 @@
 <p>See <a href="command-line-processing.html#geometry">Image Geometry</a> for complete details about the <em class="arg">geometry</em> argument.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="gravity"></a>-gravity <var>type</var></h3>
+  <h3><a id="gravity"></a>-gravity <var>type</var></h3>
 </div>
 
 <p class="magick-description">Sets the current gravity suggestion for various other settings and options.</p>
@@ -4539,10 +4539,10 @@
 region itself, which is <var>centered</var> at the pixel
 coordinate (60,70). (See <a href="command-line-processing.html#geometry">Image Geometry</a> for complete details about the <em class="arg">geometry</em> argument.)</p>
 
-<pre>
+<pre><code>
 convert image.png -gravity Center -region 10x10-40+20 \ 
   -negate output.png
-</pre>
+</code></pre>
 
 <p>When used as an option to <a href="composite.html">composite</a>, <a
 href="command-line-options.html#gravity">-gravity</a> gives the direction that the image gravitates
@@ -4554,7 +4554,7 @@
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="grayscale"></a>-grayscale <var>method</var></h3>
+  <h3><a id="grayscale"></a>-grayscale <var>method</var></h3>
 </div>
 
 <p class="magick-description">convert image to grayscale.</p>
@@ -4564,27 +4564,27 @@
 
 <p>For example, to convert an image to (linear) Rec709Luminance grayscale,  type:</p>
 
-<pre>
+<pre><code>
 convert in.png -grayscale Rec709Luminance out.png
-</pre>
+</code></pre>
 
 <p>which is equivalent to:</p>
 
-<pre>
+<pre><code>
 convert in.png -colorspace gray out.png
-</pre>
+</code></pre>
 
 <p>Similarly, to convert an image to (non-linear) Rec709Luma grayscale,  type:</p>
 
-<pre>
+<pre><code>
 convert in.png -grayscale Rec709Luma out.png
-</pre>
+</code></pre>
 
 <p>which is equivalent to:</p>
 
-<pre>
+<pre><code>
 convert in.png -set colorspace RGB -colorspace gray out.png
-</pre>
+</code></pre>
 
 <p>Note that a 'colorspace' intensity method will produce the same result
 regardless of the current colorpsace of the image. But a 'mathematical'
@@ -4597,14 +4597,14 @@
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="green-primary"></a>-green-primary <var>x,y</var></h3>
+  <h3><a id="green-primary"></a>-green-primary <var>x,y</var></h3>
 </div>
 
 <p class="magick-description">green chromaticity primary point.</p>
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="hald-clut"></a>-hald-clut</h3>
+  <h3><a id="hald-clut"></a>-hald-clut</h3>
 </div>
 
 <p class="magick-description">apply a Hald color lookup table to the image.</p>
@@ -4614,9 +4614,9 @@
 can apply any color transformation to the Hald image and then use this option
 to apply the transform to the image. </p>
 
-<pre>
+<pre><code>
 convert image.png hald.png -hald-clut transform.png
-</pre>
+</code></pre>
 
 <p>This option provides a convenient method for you to use Gimp or Photoshop
 to make color corrections to the Hald CLUT image and subsequently apply them
@@ -4635,19 +4635,19 @@
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="help"></a>-help</h3>
+  <h3><a id="help"></a>-help</h3>
 </div>
 
 <p class="magick-description">print usage instructions.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="highlight-color"></a>-highlight-color <var>color</var></h3>
+  <h3><a id="highlight-color"></a>-highlight-color <var>color</var></h3>
 </div>
 
 <p class="magick-description">when comparing images, emphasize pixel differences with this color.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="hough-lines"></a>-hough-lines <var>width</var>x<var>height</var>{<var>+threshold</var>}</h3>
+  <h3><a id="hough-lines"></a>-hough-lines <var>width</var>x<var>height</var>{<var>+threshold</var>}</h3>
 </div>
 
 <p class="magick-description">identify straight lines in the image (e.g. -hough-lines 9x9+195).</p>
@@ -4669,7 +4669,7 @@
 <p>Use <code><a href="command-line-options.html#define" >-define</a> hough-lines:accumulator=true</code> to return the accumulator image in addition to the lines image.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="iconGeometry"></a>-iconGeometry <var>geometry</var></h3>
+  <h3><a id="iconGeometry"></a>-iconGeometry <var>geometry</var></h3>
 </div>
 
 <p class="magick-description">specify the icon geometry.</p>
@@ -4681,13 +4681,13 @@
 <p>See <a href="command-line-processing.html#geometry">Image Geometry</a> for complete details about the <em class="arg">geometry</em> argument.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="iconic"></a>-iconic</h3>
+  <h3><a id="iconic"></a>-iconic</h3>
 </div>
 
 <p class="magick-description">start in icon mode in X Windows", 'animate', 'display</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="identify"></a>-identify</h3>
+  <h3><a id="identify"></a>-identify</h3>
 </div>
 
 <p class="magick-description">identify the format and characteristics of the image.</p>
@@ -4707,7 +4707,7 @@
 image histogram, and others.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="ift"></a>-ift</h3>
+  <h3><a id="ift"></a>-ift</h3>
 </div>
 
 <p class="magick-description">implements the inverse discrete Fourier transform (DFT).</p>
@@ -4723,15 +4723,15 @@
 <p>For example, depending upon the image format used to store the result of
 the <a href="command-line-options.html#fft">-fft</a>, one would use either</p>
 
-<pre>
+<pre><code>
 convert fft_image.miff -ift fft_image_ift.png
-</pre>
+</code></pre>
 
 <p>or</p>
 
-<pre>
+<pre><code>
 convert fft_image-0.png fft_image-1.png -ift fft_image_ift.png
-</pre>
+</code></pre>
 
 <p>The resulting image may need to be cropped due to padding introduced when
 the original image, prior to the <a href="command-line-options.html#fft">-fft</a> or <a
@@ -4748,19 +4748,19 @@
 <p>By default the IFT is not normalized (and the FFT is). Use "<code><a href="command-line-options.html#define" >-define</a> fourier:normalize=inverse</code> to explicitly normalize the IFT and unnormalize the FFT.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="immutable"></a>-immutable</h3>
+  <h3><a id="immutable"></a>-immutable</h3>
 </div>
 
 <p class="magick-description">make image immutable.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="implode"></a>-implode <var>factor</var></h3>
+  <h3><a id="implode"></a>-implode <var>factor</var></h3>
 </div>
 
 <p class="magick-description">implode image pixels about the center.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="insert"></a>-insert <var>index</var></h3>
+  <h3><a id="insert"></a>-insert <var>index</var></h3>
 </div>
 
 <p class="magick-description">insert the last image into the image sequence.</p>
@@ -4775,7 +4775,7 @@
 Consequently this has no effect on the image sequence order.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="intensity"></a>-intensity <var>method</var></h3>
+  <h3><a id="intensity"></a>-intensity <var>method</var></h3>
 </div>
 
 <p class="magick-description">method to generate intensity value from pixel.</p>
@@ -4790,13 +4790,13 @@
 the pixel values to linear-RGB or non-linear sRGB colorspace before
 being applied to calculate the final greyscale value. </p>
 
-<dl class="dl-horizontal">
-<dt>Rec601Luma</dt><dd>      0.298839R' + 0.586811G'+ 0.114350B'</dd>
-<dt>Rec601Luminance</dt><dd> 0.298839R + 0.586811G + 0.114350B</dd>
-<dt>Rec709Luma</dt><dd>      0.212656R' + 0.715158G' + 0.072186B'</dd>
-<dt>Rec709Luminance</dt><dd> 0.212656R + 0.715158G + 0.072186B</dd>
-<dt>Brightness</dt><dd>      max(R', G', B')</dd>
-<dt>Lightness</dt><dd>       (min(R', G', B') + max(R', G', B')) / 2.0</dd>
+<dl class="row">
+<dt class="col-md-4">Rec601Luma</dt><dd class="col-md-8">      0.298839R' + 0.586811G'+ 0.114350B'</dd>
+<dt class="col-md-4">Rec601Luminance</dt><dd class="col-md-8"> 0.298839R + 0.586811G + 0.114350B</dd>
+<dt class="col-md-4">Rec709Luma</dt><dd class="col-md-8">      0.212656R' + 0.715158G' + 0.072186B'</dd>
+<dt class="col-md-4">Rec709Luminance</dt><dd class="col-md-8"> 0.212656R + 0.715158G + 0.072186B</dd>
+<dt class="col-md-4">Brightness</dt><dd class="col-md-8">      max(R', G', B')</dd>
+<dt class="col-md-4">Lightness</dt><dd class="col-md-8">       (min(R', G', B') + max(R', G', B')) / 2.0</dd>
 </dl>
 
 <p>Note that the above R,G,B values is the image's linear-RGB values, while
@@ -4806,10 +4806,10 @@
 current value in the images respective R,G,B channel regardless of
 what that is, or what colorspace the image is currently using.</p>
 
-<dl class="dl-horizontal">
-<dt>Average</dt><dd>(R + G + B) / 3.0</dd>
-<dt>MS</dt><dd>(R^2 + G^2 + B^2) / 3.0</dd>
-<dt>RMS</dt><dd>sqrt( (R^2 + G^2 + B^2) / 3.0 )</dd>
+<dl class="row">
+<dt class="col-md-4">Average</dt><dd class="col-md-8">(R + G + B) / 3.0</dd>
+<dt class="col-md-4">MS</dt><dd class="col-md-8">(R^2 + G^2 + B^2) / 3.0</dd>
+<dt class="col-md-4">RMS</dt><dd class="col-md-8">sqrt( (R^2 + G^2 + B^2) / 3.0 )</dd>
 </dl>
 
 <p>These methods are often used for other purposes, such as generating a
@@ -4835,7 +4835,7 @@
 
 <p>Operators affected by the <a href="command-line-options.html#intensity" >-intensity</a> setting include:</p>
 
-<pre>
+<pre><code>
 -adaptive-blur
 -adaptive-sharpen
 -black-threshold
@@ -4851,10 +4851,10 @@
 -threshold
 -tint
 -white-threshold
-</pre>
+</code></pre>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="intent"></a>-intent <var>type</var></h3>
+  <h3><a id="intent"></a>-intent <var>type</var></h3>
 </div>
 
 <p class="magick-description">use this type of rendering intent when managing the image color.</p>
@@ -4868,14 +4868,14 @@
 <p>To print a complete list of rendering intents, use <a href="command-line-options.html#list">-list intent</a>.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="interlace"></a>-interlace <var>type</var></h3>
+  <h3><a id="interlace"></a>-interlace <var>type</var></h3>
 </div>
 
 <p class="magick-description">the type of interlacing scheme.</p>
 
 <p>Choose from:</p>
 
-<pre>
+<pre><code>
 none
 line
 plane
@@ -4883,7 +4883,7 @@
 JPEG
 GIF
 PNG
-</pre>
+</code></pre>
 
 <p>This option is used to specify the type of interlacing scheme for raw image
 formats such as <code>RGB</code> or <code>YUV</code>.</p>
@@ -4904,7 +4904,7 @@
 interlace</a>.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="interpolate"></a>-interpolate <var>type</var></h3>
+  <h3><a id="interpolate"></a>-interpolate <var>type</var></h3>
 </div>
 
 <p class="magick-description">Set the pixel color interpolation method to use when looking up a color based on a floating point or real value.</p>
@@ -4915,23 +4915,23 @@
 the pixels surrounding that point.  That is how to determine the color of a
 point that falls between two, or even four different colored pixels. </p>
 
-<dl class="dl-horizontal">
-  <dt>integer</dt>
-  <dd>The color of the top-left pixel (floor function)</dd>
-  <dt>nearest-neighbor</dt>
-  <dd>The nearest pixel to the lookup point (rounded function)</dd>
-  <dt>average</dt>
-  <dd>The average color of the surrounding four pixels</dd>
-  <dt>bilinear</dt>
-  <dd>A double linear interpolation of pixels (the default)</dd>
-  <dt>mesh</dt>
-  <dd>Divide area into two flat triangular interpolations</dd>
-  <dt>bicubic</dt>
-  <dd>Fitted bicubic-spines of surrounding 16 pixels</dd>
-  <dt>spline</dt>
-  <dd>Direct spline curves (colors are blurred)</dd>
-  <dt>filter</dt>
-  <dd>Use resize <a href="command-line-options.html#filter">-filter</a> settings</dd>
+<dl class="row">
+  <dt class="col-md-4">integer</dt>
+  <dd class="col-md-8">The color of the top-left pixel (floor function)</dd>
+  <dt class="col-md-4">nearest-neighbor</dt>
+  <dd class="col-md-8">The nearest pixel to the lookup point (rounded function)</dd>
+  <dt class="col-md-4">average</dt>
+  <dd class="col-md-8">The average color of the surrounding four pixels</dd>
+  <dt class="col-md-4">bilinear</dt>
+  <dd class="col-md-8">A double linear interpolation of pixels (the default)</dd>
+  <dt class="col-md-4">mesh</dt>
+  <dd class="col-md-8">Divide area into two flat triangular interpolations</dd>
+  <dt class="col-md-4">bicubic</dt>
+  <dd class="col-md-8">Fitted bicubic-spines of surrounding 16 pixels</dd>
+  <dt class="col-md-4">spline</dt>
+  <dd class="col-md-8">Direct spline curves (colors are blurred)</dd>
+  <dt class="col-md-4">filter</dt>
+  <dd class="col-md-8">Use resize <a href="command-line-options.html#filter">-filter</a> settings</dd>
 </dl>
 
 <p>This most important for distortion operators such as <a href="command-line-options.html#distort"
@@ -4945,25 +4945,25 @@
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="interline-spacing"></a>-interline-spacing <var>value</var></h3>
+  <h3><a id="interline-spacing"></a>-interline-spacing <var>value</var></h3>
 </div>
 
 <p class="magick-description">the space between two text lines.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="interword-spacing"></a>-interword-spacing <var>value</var></h3>
+  <h3><a id="interword-spacing"></a>-interword-spacing <var>value</var></h3>
 </div>
 
 <p class="magick-description">the space between two words.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="kerning"></a>-kerning <var>value</var></h3>
+  <h3><a id="kerning"></a>-kerning <var>value</var></h3>
 </div>
 
 <p class="magick-description">the space between two letters.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="kuwahara"></a>-kuwahara <var>radius</var><br />-kuwahara <var>radius</var>x<var>sigma</var></h3>
+  <h3><a id="kuwahara"></a>-kuwahara <var>radius</var><br />-kuwahara <var>radius</var>x<var>sigma</var></h3>
 </div>
 
 <p class="magick-description">edge preserving noise reduction filter.</p>
@@ -4972,7 +4972,7 @@
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="label"></a>-label <var>name</var></h3>
+  <h3><a id="label"></a>-label <var>name</var></h3>
 </div>
 
 <p class="magick-description">assign a label to an image.</p>
@@ -4992,9 +4992,9 @@
 
 <p>For example,</p>
 
-<pre>
+<pre><code>
 -label "%m:%f %wx%h"  bird.miff
-</pre>
+</code></pre>
 
 <p>assigns an image label of <code>MIFF:bird.miff 512x480</code> to the
 "<code>bird.miff</code>" image and whose width is 512 and height is 480, as it
@@ -5013,7 +5013,7 @@
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="lat"></a>-lat <var>width</var><br />-lat <var>width</var>x<var>height</var>{<var>+-</var>}<var>offset</var>{<var>%</var>}</h3>
+  <h3><a id="lat"></a>-lat <var>width</var><br />-lat <var>width</var>x<var>height</var>{<var>+-</var>}<var>offset</var>{<var>%</var>}</h3>
 </div>
 
 <p class="magick-description">perform local adaptive threshold.</p>
@@ -5031,7 +5031,7 @@
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="layers"></a>-layers <var>method</var></h3>
+  <h3><a id="layers"></a>-layers <var>method</var></h3>
 </div>
 
 <p class="magick-description">handle multiple images forming a set of image layers or animation frames.</p>
@@ -5040,7 +5040,7 @@
 which may represent either a set of overlaid 'image layers', a GIF disposal
 animation, or a fully-'coalesced' animation sequence. </p>
 
-<table class="table table-condensed table-striped">
+<table class="table table-sm table-striped">
   <tbody>
   <tr>
     <th style="width: 8%">Method</th>
@@ -5303,7 +5303,7 @@
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="level"></a>-level <var>black_point</var>{,<var>white_point</var>}{<var>%</var>}{,<var>gamma</var>}</h3>
+  <h3><a id="level"></a>-level <var>black_point</var>{,<var>white_point</var>}{<var>%</var>}{,<var>gamma</var>}</h3>
 </div>
 
 <p class="magick-description">adjust the level of image channels.</p>
@@ -5341,7 +5341,7 @@
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="level-colors"></a>-level-colors {<var>black_color</var>}{,}{<var>white_color</var>}</h3>
+  <h3><a id="level-colors"></a>-level-colors {<var>black_color</var>}{,}{<var>white_color</var>}</h3>
 </div>
 
 <p class="magick-description">adjust the level of an image using the provided dash separated colors.</p>
@@ -5371,7 +5371,7 @@
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="limit"></a>-limit <var>type value</var></h3>
+  <h3><a id="limit"></a>-limit <var>type value</var></h3>
 </div>
 
 <p class="magick-description">Set the pixel cache resource limit.</p>
@@ -5389,13 +5389,13 @@
 compensating actions, if possible. For example, the following limits
 memory:</p>
 
-<pre>
+<pre><code>
 -limit memory 32MiB -limit map 64MiB
-</pre>
+</code></pre>
 
 <p>Use <a href="command-line-options.html#list">-list resource</a> to list the current limits. For example, our system shows these limits:</p>
 
-<pre>
+<pre><code>
 -> identify -list resource
 Resource limits:
   Width: 100MP
@@ -5408,7 +5408,7 @@
   Thread: 12
   Throttle: 0
   Time: unlimited
-</pre>
+</code></pre>
 
 <p>Requests for pixel storage to keep intermediate images are satisfied by one
 of three resource categories: in-memory pool, memory-mapped files pool, and
@@ -5441,9 +5441,9 @@
 the Internet.  To assure ImageMagick does not exceed 10MiB of memory you can
 simply set the area limit to 10MiB:</p>
 
-<pre>
+<pre><code>
 -limit area 10MB
-</pre>
+</code></pre>
 
 <p>Now whenever a large image is processed, the pixels are automagically
 cached to disk instead of memory.  This of course implies that large images
@@ -5452,9 +5452,9 @@
 might inadvertently upload a huge image to process, you should set a disk
 limit as well:</p>
 
-<pre>
+<pre><code>
 -limit area 10MB -limit disk 500MB
-</pre>
+</code></pre>
 
 <p>Here ImageMagick stops processing if an image requires more than 500MB of disk storage.</p>
 
@@ -5479,7 +5479,7 @@
 ">Architecture</a> page.  </p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="linear-stretch"></a>-linear-stretch <var>black-point</var><br />-linear-stretch <var>black-point</var>{x<var>white-point</var>}{<var>%</var>}</h3>
+  <h3><a id="linear-stretch"></a>-linear-stretch <var>black-point</var><br />-linear-stretch <var>black-point</var>{x<var>white-point</var>}{<var>%</var>}</h3>
 </div>
 
 <p class="magick-description">Linear with saturation stretch.</p>
@@ -5504,13 +5504,13 @@
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="linewidth"></a>-linewidth</h3>
+  <h3><a id="linewidth"></a>-linewidth</h3>
 </div>
 
 <p class="magick-description">the line width for subsequent draw operations.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="liquid-rescale"></a>-liquid-rescale <var>geometry</var></h3>
+  <h3><a id="liquid-rescale"></a>-liquid-rescale <var>geometry</var></h3>
 </div>
 
 <p class="magick-description">rescale image with seam-carving.</p>
@@ -5518,12 +5518,12 @@
 <p>See <a href="command-line-processing.html#geometry">Image Geometry</a> for complete details about the <em class="arg">geometry</em> argument.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="list"></a>-list <var>type</var></h3>
+  <h3><a id="list"></a>-list <var>type</var></h3>
 </div>
 
 <p class="magick-description">Print a list of supported arguments for various options or settings.  Choose from these list types:</p>
 
-<pre class="pre-scrollable">
+<pre class="pre-scrollable"><code>
 Align
 Alpha
 Boolean
@@ -5594,18 +5594,18 @@
 Units
 Validate
 VirtualPixel
-</pre>
+</code></pre>
 
 <p>These lists vary depending on your version of ImageMagick. Use "<code>-list
 list</code>" to get a complete listing of all the "<code>-list</code>" arguments
 available:</p>
 
-<pre>
+<pre><code>
 identify -list list
-</pre>
+</code></pre>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="log"></a>-log <var>string</var></h3>
+  <h3><a id="log"></a>-log <var>string</var></h3>
 </div>
 
 <p class="magick-description">Specify format for debug log.</p>
@@ -5616,31 +5616,31 @@
 <p>You can display the following components by embedding special format
 characters:</p>
 
-<dl class="dl-horizontal">
-<dt>%d</dt><dd>domain</dd>
-<dt>%e</dt><dd>event</dd>
-<dt>%f</dt><dd>function</dd>
-<dt>%l</dt><dd>line</dd>
-<dt>%m</dt><dd>module</dd>
-<dt>%p</dt><dd>process ID</dd>
-<dt>%r</dt><dd>real CPU time</dd>
-<dt>%t</dt><dd>wall clock time</dd>
-<dt>%u</dt><dd>user CPU time</dd>
-<dt>%%</dt><dd>percent sign</dd>
-<dt>\n</dt><dd>newline</dd>
-<dt>\r</dt><dd>carriage return</dd>
+<dl class="row">
+<dt class="col-md-4">%d</dt><dd class="col-md-8">domain</dd>
+<dt class="col-md-4">%e</dt><dd class="col-md-8">event</dd>
+<dt class="col-md-4">%f</dt><dd class="col-md-8">function</dd>
+<dt class="col-md-4">%l</dt><dd class="col-md-8">line</dd>
+<dt class="col-md-4">%m</dt><dd class="col-md-8">module</dd>
+<dt class="col-md-4">%p</dt><dd class="col-md-8">process ID</dd>
+<dt class="col-md-4">%r</dt><dd class="col-md-8">real CPU time</dd>
+<dt class="col-md-4">%t</dt><dd class="col-md-8">wall clock time</dd>
+<dt class="col-md-4">%u</dt><dd class="col-md-8">user CPU time</dd>
+<dt class="col-md-4">%%</dt><dd class="col-md-8">percent sign</dd>
+<dt class="col-md-4">\n</dt><dd class="col-md-8">newline</dd>
+<dt class="col-md-4">\r</dt><dd class="col-md-8">carriage return</dd>
 </dl>
 
 <p>For example:</p>
 
-<pre>
+<pre><code>
 convert -debug coders -log "%u %m:%l %e" in.gif out.png
-</pre>
+</code></pre>
 
 <p>The default behavior is to print all of the components.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="loop"></a>-loop <var>iterations</var></h3>
+  <h3><a id="loop"></a>-loop <var>iterations</var></h3>
 </div>
 
 <p class="magick-description">add Netscape loop extension to your GIF animation.</p>
@@ -5650,34 +5650,34 @@
 times.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="lowlight-color"></a>-lowlight-color <var>color</var></h3>
+  <h3><a id="lowlight-color"></a>-lowlight-color <var>color</var></h3>
 </div>
 
 <p class="magick-description">when comparing images, de-emphasize pixel differences with this color.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="magnify"></a>-magnify</h3>
+  <h3><a id="magnify"></a>-magnify</h3>
 </div>
 
 <p class="magick-description">double the size of the image with pixel art scaling.</p>
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="map"></a>-map <var>type</var></h3>
+  <h3><a id="map"></a>-map <var>type</var></h3>
 </div>
 
 <p class="magick-description">Display image using this <var>type</var>.</p>
 
 <p>Choose from these <var>Standard Colormap</var> types:</p>
 
-<pre>
+<pre><code>
 best
 default
 gray
 red
 green
 blue
-</pre>
+</code></pre>
 
 <p>The <var>X server</var> must support the <var>Standard
 Colormap</var> you choose, otherwise an error occurs.  Use <code>list</code> as
@@ -5686,25 +5686,25 @@
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="map_stream_"></a>-map <var>components</var></h3>
+  <h3><a id="map_stream_"></a>-map <var>components</var></h3>
 </div>
 
 <p class="magick-description">pixel map.</p>
 
 <p>Here are the valid components of a map:</p>
 
-<dl class="dl-horizontal">
-<dt>r</dt><dd>  red pixel component</dd>
-<dt>g</dt><dd>  green pixel component</dd>
-<dt>b</dt><dd>  blue pixel component</dd>
-<dt>a</dt><dd>  alpha pixel component (0 is transparent)</dd>
-<dt>o</dt><dd>  opacity pixel component (0 is opaque)</dd>
-<dt>i</dt><dd>  grayscale intensity pixel component</dd>
-<dt>c</dt><dd>  cyan pixel component</dd>
-<dt>m</dt><dd>  magenta pixel component</dd>
-<dt>y</dt><dd>  yellow pixel component</dd>
-<dt>k</dt><dd>  black pixel component</dd>
-<dt>p</dt><dd>  pad component (always 0)</dd>
+<dl class="row">
+<dt class="col-md-4">r</dt><dd class="col-md-8">  red pixel component</dd>
+<dt class="col-md-4">g</dt><dd class="col-md-8">  green pixel component</dd>
+<dt class="col-md-4">b</dt><dd class="col-md-8">  blue pixel component</dd>
+<dt class="col-md-4">a</dt><dd class="col-md-8">  alpha pixel component (0 is transparent)</dd>
+<dt class="col-md-4">o</dt><dd class="col-md-8">  opacity pixel component (0 is opaque)</dd>
+<dt class="col-md-4">i</dt><dd class="col-md-8">  grayscale intensity pixel component</dd>
+<dt class="col-md-4">c</dt><dd class="col-md-8">  cyan pixel component</dd>
+<dt class="col-md-4">m</dt><dd class="col-md-8">  magenta pixel component</dd>
+<dt class="col-md-4">y</dt><dd class="col-md-8">  yellow pixel component</dd>
+<dt class="col-md-4">k</dt><dd class="col-md-8">  black pixel component</dd>
+<dt class="col-md-4">p</dt><dd class="col-md-8">  pad component (always 0)</dd>
 </dl>
 
 <p>You can specify as many of these components as needed in any order (e.g.
@@ -5712,7 +5712,7 @@
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="mattecolor"></a>-mattecolor <var>color</var></h3>
+  <h3><a id="mattecolor"></a>-mattecolor <var>color</var></h3>
 </div>
 
 <p class="magick-description">Specify the color to be used with the <a href="command-line-options.html#frame">-frame</a> option.</p>
@@ -5723,7 +5723,7 @@
 style="background-color: #bdbdbd;">this shade of gray</span>.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="maximum"></a>-maximum</h3>
+  <h3><a id="maximum"></a>-maximum</h3>
 </div>
 
 <p class="magick-description">return the maximum intensity of an image sequence.</p>
@@ -5734,7 +5734,7 @@
 name. </p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="median"></a>-median <var>geometry</var></h3>
+  <h3><a id="median"></a>-median <var>geometry</var></h3>
 </div>
 
 <p class="magick-description">apply a median filter to the image.</p>
@@ -5745,7 +5745,7 @@
 name. </p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="mean-shift"></a>-mean-shift <var>width</var>x<var>height</var>{<var>+distance</var>{%}</h3>
+  <h3><a id="mean-shift"></a>-mean-shift <var>width</var>x<var>height</var>{<var>+distance</var>{%}</h3>
 </div>
 
 <p class="magick-description">image noise removal and color reduction/segmentation (e.g. -mean-shift 7x7+10%).</p>
@@ -5755,24 +5755,24 @@
 <p>The mean shift algorithm is iterative and thus slower the larger the window size. For each pixel, it gets all the pixels in the window centered at the pixel and excludes those that are outside the <var>radius=sqrt((width-1)(height-1)/4)</var> surrounding the pixel. From those pixels, it finds which of them are within the specified squared color distance from the current mean. It then computes a new x,y centroid from those coordinates and a new mean. This new x,y centroid is used as the center for a new window. This process is iterated until it converges and the final mean is then used to replace the original pixel value. It repeats this process for the next pixel, etc, until it processes all pixels in the image. Results are better when using other colorspaces rather than RGB. Recommend YIQ, YUV or YCbCr, which seem to give equivalent results.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="metric"></a>-metric <var>type</var></h3>
+  <h3><a id="metric"></a>-metric <var>type</var></h3>
 </div>
 
 <p class="magick-description">Output to STDERR a measure of the differences between images according to the <var>type</var> given metric.</p>
 
 <p>Choose from:</p>
 
-<dl class="dl-horizontal">
-<dt>AE</dt><dd>    absolute error count, number of different pixels (-fuzz effected)</dd>
-<dt>FUZZ</dt><dd>  mean color distance</dd>
-<dt>MAE</dt><dd>   mean absolute error (normalized), average channel error distance</dd>
-<dt>MEPP</dt><dd>  mean error per pixel (normalized mean error, normalized peak error)</dd>
-<dt>MSE</dt><dd>   mean error squared, average of the channel error squared</dd>
-<dt>NCC</dt><dd>   normalized cross correlation</dd>
-<dt>PAE</dt><dd>   peak absolute (normalized peak absolute)</dd>
-<dt>PHASH</dt><dd> perceptual hash for the sRGB and HCLp colorspaces.  Specify an alternative colorspace with <code>-define phash:colorspaces=<var>colorspace,colorspace,...</var></code></dd>
-<dt>PSNR</dt><dd>  peak signal to noise ratio</dd>
-<dt>RMSE</dt><dd>  root mean squared (normalized root mean squared)</dd>
+<dl class="row">
+<dt class="col-md-4">AE</dt><dd class="col-md-8">    absolute error count, number of different pixels (-fuzz effected)</dd>
+<dt class="col-md-4">FUZZ</dt><dd class="col-md-8">  mean color distance</dd>
+<dt class="col-md-4">MAE</dt><dd class="col-md-8">   mean absolute error (normalized), average channel error distance</dd>
+<dt class="col-md-4">MEPP</dt><dd class="col-md-8">  mean error per pixel (normalized mean error, normalized peak error)</dd>
+<dt class="col-md-4">MSE</dt><dd class="col-md-8">   mean error squared, average of the channel error squared</dd>
+<dt class="col-md-4">NCC</dt><dd class="col-md-8">   normalized cross correlation</dd>
+<dt class="col-md-4">PAE</dt><dd class="col-md-8">   peak absolute (normalized peak absolute)</dd>
+<dt class="col-md-4">PHASH</dt><dd class="col-md-8"> perceptual hash for the sRGB and HCLp colorspaces.  Specify an alternative colorspace with <code>-define phash:colorspaces=<var>colorspace,colorspace,...</var></code></dd>
+<dt class="col-md-4">PSNR</dt><dd class="col-md-8">  peak signal to noise ratio</dd>
+<dt class="col-md-4">RMSE</dt><dd class="col-md-8">  root mean squared (normalized root mean squared)</dd>
 </dl>
 
 <p>Control the '<code>AE</code>', or absolute count of pixels that are different,
@@ -5791,7 +5791,7 @@
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="minimum"></a>-minimum</h3>
+  <h3><a id="minimum"></a>-minimum</h3>
 </div>
 
 <p class="magick-description">return the minimum intensity of an image sequence.</p>
@@ -5804,13 +5804,13 @@
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="mode"></a>-mode <var>geometry</var></h3>
+  <h3><a id="mode"></a>-mode <var>geometry</var></h3>
 </div>
 
 <p class="magick-description">make each pixel the \'predominant color\' of the neighborhood.'</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header">-mode <var>value</var></h3>
+  <h3>-mode <var>value</var></h3>
 </div>
 
 <p class="magick-description">Mode of operation.</p>
@@ -5824,7 +5824,7 @@
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="modulate"></a>-modulate <var>brightness</var>[,<var>saturation</var>,<var>hue</var>]</h3>
+  <h3><a id="modulate"></a>-modulate <var>brightness</var>[,<var>saturation</var>,<var>hue</var>]</h3>
 </div>
 
 <p class="magick-description">Vary the <var>brightness</var>, <var>saturation</var>, and <var>hue</var> of an image.</p>
@@ -5856,32 +5856,32 @@
 >option:modulate:colorspace</code>' to specify which colorspace to
 modulate.  Choose from <code>HCL</code>, <code>HCLp</code>, <code>HSB</code>, <code>HSI</code>, <code>HSL</code> (the default), <code>HSV</code>, <code>HWB</code>, or <code>LCH</code> (LCHuv).  For example,</p>
 
-<pre>
+<pre><code>
 convert image.png -set option:modulate:colorspace hsb -modulate 120,90 modulate.png
-</pre>
+</code></pre>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="moments"></a>-moments</h3>
+  <h3><a id="moments"></a>-moments</h3>
 </div>
 
 <p class="magick-description">report image moments and perceptual hash.</p>
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="monitor"></a>-monitor</h3>
+  <h3><a id="monitor"></a>-monitor</h3>
 </div>
 
 <p class="magick-description">monitor progress.</p>
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="monochrome"></a>-monochrome</h3>
+  <h3><a id="monochrome"></a>-monochrome</h3>
 </div>
 
 <p class="magick-description">transform the image to black and white.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="morph"></a>-morph <var>frames</var></h3>
+  <h3><a id="morph"></a>-morph <var>frames</var></h3>
 </div>
 
 <p class="magick-description">morphs an image sequence.</p>
@@ -5894,8 +5894,8 @@
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="morphology"></a>-morphology</h3>
-  <h3 class="magick-header">-morphology <var>method</var>  <var>kernel</var></h3>
+  <h3><a id="morphology"></a>-morphology</h3>
+  <h3>-morphology <var>method</var>  <var>kernel</var></h3>
 </div>
 
 <p class="magick-description">apply a morphology method to the image.</p>
@@ -5906,14 +5906,14 @@
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="mosaic"></a>-mosaic</h3>
+  <h3><a id="mosaic"></a>-mosaic</h3>
 </div>
 
 <p class="magick-description">an simple alias for the <a href="command-line-options.html#layers" >-layers</a> method "mosaic"</p>
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="motion-blur"></a>-motion-blur <var>radius</var><br />-motion-blur <var>radius</var>x<var>sigma</var>+<var>angle</var></h3>
+  <h3><a id="motion-blur"></a>-motion-blur <var>radius</var><br />-motion-blur <var>radius</var>x<var>sigma</var>+<var>angle</var></h3>
 </div>
 
 <p class="magick-description">simulate motion blur.</p>
@@ -5930,12 +5930,12 @@
 </p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="name"></a>-name</h3>
+  <h3><a id="name"></a>-name</h3>
 </div>
 
 <p class="magick-description">name an image.</p>
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="negate"></a>-negate</h3>
+  <h3><a id="negate"></a>-negate</h3>
 </div>
 
 <p class="magick-description">replace each pixel with its complementary color.</p>
@@ -5945,7 +5945,7 @@
 negate the grayscale pixels of the image.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="noise"></a>-noise <var>geometry</var><br/>
+  <h3><a id="noise"></a>-noise <var>geometry</var><br/>
   +noise <var>type</var></h3>
 </div>
 
@@ -5966,7 +5966,7 @@
 <p>Use <a href="command-line-options.html#noise">+noise</a> followed by a noise <var>type</var> to add noise to an image. Choose from these noise
 types:</p>
 
-<pre>
+<pre><code>
 Gaussian
 Impulse
 Laplacian
@@ -5974,7 +5974,7 @@
 Poisson
 Random
 Uniform
-</pre>
+</code></pre>
 
 <p>The amount of noise added can be controlled by the <code><a
 href="command-line-options.html#attenuate" >-attenuate</a></code> setting. If unset the value is
@@ -5990,7 +5990,7 @@
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="normalize"></a>-normalize</h3>
+  <h3><a id="normalize"></a>-normalize</h3>
 </div>
 
 <p class="magick-description">Increase the contrast in an image by <var>stretching</var> the range of intensity values.</p>
@@ -6017,7 +6017,7 @@
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="opaque"></a>-opaque <var>color</var></h3>
+  <h3><a id="opaque"></a>-opaque <var>color</var></h3>
 </div>
 
 <p class="magick-description">change this color to the fill color within the image.</p>
@@ -6040,7 +6040,7 @@
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="ordered-dither"></a>-ordered-dither <var>threshold_map</var>{,<var>level</var>...}</h3>
+  <h3><a id="ordered-dither"></a>-ordered-dither <var>threshold_map</var>{,<var>level</var>...}</h3>
 </div>
 
 <p class="magick-description">dither the image using a pre-defined  ordered dither <var>threshold map</var> specified, and a uniform color map with the
@@ -6048,7 +6048,7 @@
 
 <p>You can choose from these standard threshold maps:</p>
 
-<pre class="pre-scrollable">
+<pre class="pre-scrollable"><code>
 threshold   1x1   Threshold 1x1 (non-dither)
 checks      2x1   Checkerboard 2x1 (dither)
 o2x2        2x2   Ordered 2x2 (dispersed)
@@ -6068,7 +6068,7 @@
 c6x6w             Circles 6x6 (white)
 c7x7b       c7x7  Circles 7x7 (black)
 c7x7w             Circles 7x7 (white)
-</pre>
+</code></pre>
 
 <p> The <code>threshold</code> generated a simple 50% threshold of the image.
 This could be used with <var >level</var> to do the equivalent of <a
@@ -6099,27 +6099,27 @@
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="orient"></a>-orient <var>image orientation</var></h3>
+  <h3><a id="orient"></a>-orient <var>image orientation</var></h3>
 </div>
 
 <p class="magick-description">specify orientation of a digital camera image.</p>
 
 <p>Choose from these orientations:</p>
 
-<pre>
+<pre><code>
 bottom-left    right-top
 bottom-right   top-left
 left-bottom    top-right
 left-top       undefined
 right-bottom
-</pre>
+</code></pre>
 
 <p>To print a complete list of orientations, use the <a href="command-line-options.html#list" >-list
 orientation</a> option.</p>
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="page"></a>-page <var>geometry</var><br/>
+  <h3><a id="page"></a>-page <var>geometry</var><br/>
   -page <var>media</var>[<var>offset</var>][{<var>^!&lt;&gt;</var>}]<br/>
   +page
   </h3>
@@ -6136,45 +6136,45 @@
 <p>Use <var>media</var> as shorthand to specify the dimensions (<var>width</var>x<var>height</var>) of the <var>PostScript</var> page in dots per inch or a TEXT page in pixels.
 The choices for a PostScript page are:</p>
 
-<dl class="dl-horizontal">
-<dt> 11x17      </dt> <dd>  792 x 1224</dd> 
-<dt> Ledger     </dt> <dd> 1224 x  792</dd> 
-<dt> Legal      </dt> <dd>  612 x 1008</dd> 
-<dt> Letter     </dt> <dd>  612 x  792</dd> 
-<dt> LetterSmall</dt> <dd>  612 x  792</dd> 
-<dt> ArchE      </dt> <dd> 2592 x 3456</dd> 
-<dt> ArchD      </dt> <dd> 1728 x 2592</dd> 
-<dt> ArchC      </dt> <dd> 1296 x 1728</dd> 
-<dt> ArchB      </dt> <dd>  864 x 1296</dd> 
-<dt> ArchA      </dt> <dd>  648 x  864</dd> 
-<dt> A0         </dt> <dd> 2380 x 3368</dd> 
-<dt> A1         </dt> <dd> 1684 x 2380</dd> 
-<dt> A2         </dt> <dd> 1190 x 1684</dd> 
-<dt> A3         </dt> <dd>  842 x 1190</dd> 
-<dt> A4         </dt> <dd>  595 x  842</dd> 
-<dt> A4Small    </dt> <dd>  595 x  842</dd> 
-<dt> A5         </dt> <dd>  421 x  595</dd> 
-<dt> A6         </dt> <dd>  297 x  421</dd> 
-<dt> A7         </dt> <dd>  210 x  297</dd> 
-<dt> A8         </dt> <dd>  148 x  210</dd> 
-<dt> A9         </dt> <dd>  105 x  148</dd> 
-<dt> A10        </dt> <dd>   74 x  105</dd> 
-<dt> B0         </dt> <dd> 2836 x 4008</dd> 
-<dt> B1         </dt> <dd> 2004 x 2836</dd> 
-<dt> B2         </dt> <dd> 1418 x 2004</dd> 
-<dt> B3         </dt> <dd> 1002 x 1418</dd> 
-<dt> B4         </dt> <dd>  709 x 1002</dd> 
-<dt> B5         </dt> <dd>  501 x  709</dd> 
-<dt> C0         </dt> <dd> 2600 x 3677</dd> 
-<dt> C1         </dt> <dd> 1837 x 2600</dd> 
-<dt> C2         </dt> <dd> 1298 x 1837</dd> 
-<dt> C3         </dt> <dd>  918 x 1298</dd> 
-<dt> C4         </dt> <dd>  649 x  918</dd> 
-<dt> C5         </dt> <dd>  459 x  649</dd> 
-<dt> C6         </dt> <dd>  323 x  459</dd> 
-<dt> Flsa       </dt> <dd>  612 x  936</dd> 
-<dt> Flse       </dt> <dd>  612 x  936</dd> 
-<dt> HalfLetter </dt> <dd>  396 x  612</dd> 
+<dl class="row">
+<dt class="col-md-4"> 11x17      </dt> <dd class="col-md-8">  792 x 1224</dd> 
+<dt class="col-md-4"> Ledger     </dt> <dd class="col-md-8"> 1224 x  792</dd> 
+<dt class="col-md-4"> Legal      </dt> <dd class="col-md-8">  612 x 1008</dd> 
+<dt class="col-md-4"> Letter     </dt> <dd class="col-md-8">  612 x  792</dd> 
+<dt class="col-md-4"> LetterSmall</dt> <dd class="col-md-8">  612 x  792</dd> 
+<dt class="col-md-4"> ArchE      </dt> <dd class="col-md-8"> 2592 x 3456</dd> 
+<dt class="col-md-4"> ArchD      </dt> <dd class="col-md-8"> 1728 x 2592</dd> 
+<dt class="col-md-4"> ArchC      </dt> <dd class="col-md-8"> 1296 x 1728</dd> 
+<dt class="col-md-4"> ArchB      </dt> <dd class="col-md-8">  864 x 1296</dd> 
+<dt class="col-md-4"> ArchA      </dt> <dd class="col-md-8">  648 x  864</dd> 
+<dt class="col-md-4"> A0         </dt> <dd class="col-md-8"> 2380 x 3368</dd> 
+<dt class="col-md-4"> A1         </dt> <dd class="col-md-8"> 1684 x 2380</dd> 
+<dt class="col-md-4"> A2         </dt> <dd class="col-md-8"> 1190 x 1684</dd> 
+<dt class="col-md-4"> A3         </dt> <dd class="col-md-8">  842 x 1190</dd> 
+<dt class="col-md-4"> A4         </dt> <dd class="col-md-8">  595 x  842</dd> 
+<dt class="col-md-4"> A4Small    </dt> <dd class="col-md-8">  595 x  842</dd> 
+<dt class="col-md-4"> A5         </dt> <dd class="col-md-8">  421 x  595</dd> 
+<dt class="col-md-4"> A6         </dt> <dd class="col-md-8">  297 x  421</dd> 
+<dt class="col-md-4"> A7         </dt> <dd class="col-md-8">  210 x  297</dd> 
+<dt class="col-md-4"> A8         </dt> <dd class="col-md-8">  148 x  210</dd> 
+<dt class="col-md-4"> A9         </dt> <dd class="col-md-8">  105 x  148</dd> 
+<dt class="col-md-4"> A10        </dt> <dd class="col-md-8">   74 x  105</dd> 
+<dt class="col-md-4"> B0         </dt> <dd class="col-md-8"> 2836 x 4008</dd> 
+<dt class="col-md-4"> B1         </dt> <dd class="col-md-8"> 2004 x 2836</dd> 
+<dt class="col-md-4"> B2         </dt> <dd class="col-md-8"> 1418 x 2004</dd> 
+<dt class="col-md-4"> B3         </dt> <dd class="col-md-8"> 1002 x 1418</dd> 
+<dt class="col-md-4"> B4         </dt> <dd class="col-md-8">  709 x 1002</dd> 
+<dt class="col-md-4"> B5         </dt> <dd class="col-md-8">  501 x  709</dd> 
+<dt class="col-md-4"> C0         </dt> <dd class="col-md-8"> 2600 x 3677</dd> 
+<dt class="col-md-4"> C1         </dt> <dd class="col-md-8"> 1837 x 2600</dd> 
+<dt class="col-md-4"> C2         </dt> <dd class="col-md-8"> 1298 x 1837</dd> 
+<dt class="col-md-4"> C3         </dt> <dd class="col-md-8">  918 x 1298</dd> 
+<dt class="col-md-4"> C4         </dt> <dd class="col-md-8">  649 x  918</dd> 
+<dt class="col-md-4"> C5         </dt> <dd class="col-md-8">  459 x  649</dd> 
+<dt class="col-md-4"> C6         </dt> <dd class="col-md-8">  323 x  459</dd> 
+<dt class="col-md-4"> Flsa       </dt> <dd class="col-md-8">  612 x  936</dd> 
+<dt class="col-md-4"> Flse       </dt> <dd class="col-md-8">  612 x  936</dd> 
+<dt class="col-md-4"> HalfLetter </dt> <dd class="col-md-8">  396 x  612</dd> 
 </dl>
 
 <p>This option is also used to place subimages when writing to a multi-image
@@ -6205,7 +6205,7 @@
 <p>Use <a href="command-line-options.html#page">+page</a> to remove the page settings for an image.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="paint"></a>-paint <var>radius</var></h3>
+  <h3><a id="paint"></a>-paint <var>radius</var></h3>
 </div>
 
 <p class="magick-description">simulate an oil painting.</p>
@@ -6214,12 +6214,12 @@
 neighborhood whose width is specified with <var>radius</var>.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="path"></a>-path <var>path</var></h3></div>
+  <h3><a id="path"></a>-path <var>path</var></h3></div>
 
 <p class="magick-description">write images to this path on disk.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="pause_animate_"></a>-pause <var>seconds</var></h3>
+  <h3><a id="pause_animate_"></a>-pause <var>seconds</var></h3>
 </div>
 
 <p class="magick-description">Pause between animation loops</p>
@@ -6227,7 +6227,7 @@
 <p>Pause for the specified number of seconds before repeating the animation.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="pause_import_"></a>-pause <var>seconds</var></h3>
+  <h3><a id="pause_import_"></a>-pause <var>seconds</var></h3>
 </div>
 
 <p class="magick-description">Pause between snapshots.</p>
@@ -6235,25 +6235,25 @@
 <p>Pause for the specified number of seconds before taking the next snapshot.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="perceptible"></a>-perceptible <var>epsilon</var></h3>
+  <h3><a id="perceptible"></a>-perceptible <var>epsilon</var></h3>
 </div>
 
 <p class="magick-description">set each pixel whose value is less than |<var>epsilon</var>| to <var>-epsilon</var> or <var>epsilon</var> (whichever is closer) otherwise the pixel value remains unchanged.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="ping"></a>-ping</h3>
+  <h3><a id="ping"></a>-ping</h3>
 </div>
 
 <p class="magick-description">efficiently determine image characteristics.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="pointsize"></a>-pointsize <var>value</var></h3>
+  <h3><a id="pointsize"></a>-pointsize <var>value</var></h3>
 </div>
 
 <p class="magick-description">pointsize of the PostScript, OPTION1, or TrueType font.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="polaroid"></a>-polaroid <var>angle</var></h3>
+  <h3><a id="polaroid"></a>-polaroid <var>angle</var></h3>
 </div>
 
 <p class="magick-description">simulate a Polaroid picture.</p>
@@ -6261,7 +6261,7 @@
 <p>Use <code>+polaroid</code> to rotate the image at a random angle between -15 and +15 degrees.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="poly"></a>-poly <var>"wt,exp ..."</var></h3>
+  <h3><a id="poly"></a>-poly <var>"wt,exp ..."</var></h3>
 </div>
 
 <p class="magick-description">combines multiple images according to a weighted sum of polynomials; one floating point weight (coefficient) and one floating point polynomial exponent (power) for each image expressed as comma separated pairs.</p>
@@ -6284,7 +6284,7 @@
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="posterize"></a>-posterize <var>levels</var></h3>
+  <h3><a id="posterize"></a>-posterize <var>levels</var></h3>
 </div>
 
 <p class="magick-description">reduce the image to a limited number of color levels per channel.</p>
@@ -6293,13 +6293,13 @@
 visible effect.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="precision"></a>-precision <var>value</var></h3>
+  <h3><a id="precision"></a>-precision <var>value</var></h3>
 </div>
 
 <p class="magick-description">set the maximum number of significant digits to be printed.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="preview"></a>-preview <var>type</var></h3>
+  <h3><a id="preview"></a>-preview <var>type</var></h3>
 </div>
 
 <p class="magick-description">image preview type.</p>
@@ -6308,7 +6308,7 @@
 <code>convert file.png -preview Gamma Preview:gamma.png</code>). Choose from
 these previews:</p>
 
-<pre class="pre-scrollable">
+<pre class="pre-scrollable"><code>
 AddNoise
 Blur
 Brightness
@@ -6338,20 +6338,20 @@
 Swirl
 Threshold
 Wave
-</pre>
+</code></pre>
 
 <p>To print a complete list of previews, use the <a href="command-line-options.html#list">-list preview</a> option.</p>
 
 <p>The default preview is <code>JPEG</code>.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="print"></a>-print <var>string</var></h3>
+  <h3><a id="print"></a>-print <var>string</var></h3>
 </div>
 
 <p class="magick-description">interpret string and print to console.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="process"></a>-process <var>command</var></h3>
+  <h3><a id="process"></a>-process <var>command</var></h3>
 </div>
 
 <p class="magick-description">process the image with a custom image filter.</p>
@@ -6362,7 +6362,7 @@
 pass to the process module.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="profile"></a>-profile <var>filename</var><br/>
+  <h3><a id="profile"></a>-profile <var>filename</var><br/>
   +profile <var>profile_name</var></h3>
 </div>
 
@@ -6388,9 +6388,9 @@
 <p>For example, to extract the Exif data (which is stored in JPEG files in the
 <var>APP1</var> profile), use.</p>
 
-<pre>
+<pre><code>
 convert cockatoo.jpg profile.exif
-</pre>
+</code></pre>
 
 <p>It is important to note that results may depend on whether or not the
 original image already has an included profile. Also, keep in mind that <a
@@ -6399,9 +6399,9 @@
 command-line. For instance, in the following example, if the original image is
 CMYK with profile, a CMYK-CMYK-RGB conversion results.</p>
 
-<pre>
+<pre><code>
 convert CMYK.tif -profile "CMYK.icc" -profile "RGB.icc" RGB.tiff
-</pre>
+</code></pre>
 
 <p>Furthermore, since ICC profiles are not necessarily symmetric, extra
 conversion steps can yield unwanted results.  CMYK profiles are often very
@@ -6409,7 +6409,7 @@
 </p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="quality"></a>-quality <var>value</var></h3>
+  <h3><a id="quality"></a>-quality <var>value</var></h3>
 </div>
 
 <p class="magick-description">JPEG/MIFF/PNG compression level.</p>
@@ -6441,12 +6441,12 @@
 <p>If filter-type is 4 or less, the specified PNG filter-type is used for
 all scanlines:</p>
 
-<dl class="dl-horizontal">
-<dt>0</dt><dd>none</dd>
-<dt>1</dt><dd>sub</dd>
-<dt>2</dt><dd>up</dd>
-<dt>3</dt><dd>average</dd>
-<dt>4</dt><dd>Paeth</dd>
+<dl class="row">
+<dt class="col-md-4">0</dt><dd class="col-md-8">none</dd>
+<dt class="col-md-4">1</dt><dd class="col-md-8">sub</dd>
+<dt class="col-md-4">2</dt><dd class="col-md-8">up</dd>
+<dt class="col-md-4">3</dt><dd class="col-md-8">average</dd>
+<dt class="col-md-4">4</dt><dd class="col-md-8">Paeth</dd>
 </dl>
 
 <p>If filter-type is 5, adaptive filtering is used when quality is greater
@@ -6486,7 +6486,7 @@
 <p>For the BPG image format, quality/2 is the actual BPG compression level (range from 0 to 51).</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="quantize"></a>-quantize <var>colorspace</var></h3>
+  <h3><a id="quantize"></a>-quantize <var>colorspace</var></h3>
 </div>
 
 <p class="magick-description">reduce colors using this colorspace.</p>
@@ -6499,13 +6499,13 @@
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="quiet"></a>-quiet</h3>
+  <h3><a id="quiet"></a>-quiet</h3>
 </div>
 
 <p class="magick-description">suppress all warning messages. Error messages are still reported.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="radial-blur"></a>-radial-blur  <var>angle</var></h3>
+  <h3><a id="radial-blur"></a>-radial-blur  <var>angle</var></h3>
 </div>
 
 <p class="magick-description">Blur around the center of the image.</p>
@@ -6519,7 +6519,7 @@
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="raise"></a>-raise <var>thickness</var></h3>
+  <h3><a id="raise"></a>-raise <var>thickness</var></h3>
 </div>
 
 <p class="magick-description">Lighten or darken image edges.</p>
@@ -6531,13 +6531,13 @@
 href="command-line-options.html#raise">-raise</a> does not alter the dimensions of the image.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="random-threshold"></a>-random-threshold <var>low</var>x<var>high</var></h3>
+  <h3><a id="random-threshold"></a>-random-threshold <var>low</var>x<var>high</var></h3>
 </div>
 
 <p class="magick-description">Apply a random threshold to the image.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="read-mask"></a>-read-mask
+  <h3><a id="read-mask"></a>-read-mask
 <var>filename</var></h3>
 </div>
 
@@ -6553,13 +6553,13 @@
 but with strict boolean masking. </p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="red-primary"></a>-red-primary <var>x,y</var></h3>
+  <h3><a id="red-primary"></a>-red-primary <var>x,y</var></h3>
 </div>
 
 <p class="magick-description">Set the red chromaticity primary point.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="regard-warnings"></a>-regard-warnings</h3>
+  <h3><a id="regard-warnings"></a>-regard-warnings</h3>
 </div>
 
 <p class="magick-description">Pay attention to warning messages.</p>
@@ -6568,7 +6568,7 @@
 as errors. </p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="remap"></a>-remap <var>filename</var></h3>
+  <h3><a id="remap"></a>-remap <var>filename</var></h3>
 </div>
 
 <p class="magick-description">Reduce the number of colors in an image to the colors used by this image.</p>
@@ -6600,7 +6600,7 @@
 <p>Note, the remap image colormap has at most 8-bits of precision. Deeper color maps are automagically coalesced with other colors to meet this requirement.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="region"></a>-region <var>geometry</var></h3>
+  <h3><a id="region"></a>-region <var>geometry</var></h3>
 </div>
 
 <p class="magick-description">Set a region in which subsequent operations apply.</p>
@@ -6613,7 +6613,7 @@
 <p>Use <code>+region</code> to remove any previously set regions.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="remote"></a>-remote</h3>
+  <h3><a id="remote"></a>-remote</h3>
 </div>
 
 <p class="magick-description">perform a remote operation.</p>
@@ -6625,7 +6625,7 @@
 specify which application to control.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="render"></a>-render</h3>
+  <h3><a id="render"></a>-render</h3>
 </div>
 
 <p class="magick-description">render vector operations.</p>
@@ -6634,7 +6634,7 @@
 This useful when saving the result to vector formats such as MVG or SVG.</p>
 
 <div style="margin: auto;">
-<h3 class="magick-header"><a id="repage"></a>-repage <var>geometry</var></h3>
+<h3><a id="repage"></a>-repage <var>geometry</var></h3>
 </div>
 
 <p class="magick-description">Adjust the canvas and offset information of the image.</p>
@@ -6661,7 +6661,7 @@
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="resample"></a>-resample <var>horizontal</var>x<var>vertical</var></h3>
+  <h3><a id="resample"></a>-resample <var>horizontal</var>x<var>vertical</var></h3>
 </div>
 
 <p class="magick-description">Resample image to specified horizontal and vertical resolution.</p>
@@ -6682,7 +6682,7 @@
 resolution specified in the standard file header.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="resize"></a>-resize <var>geometry</var></h3>
+  <h3><a id="resize"></a>-resize <var>geometry</var></h3>
 </div>
 
 <p class="magick-description">Resize an image.</p>
@@ -6699,26 +6699,26 @@
 coding.  If your image is gamma-corrected, you can remove the nonlinear gamma
 correction, apply the transform, then restore it like this:</p>
 
-<pre>
+<pre><code>
 convert portrait.jpg -gamma .45455 -resize 25% -gamma 2.2  \
   -quality 92 passport.jpg
-</pre>
+</code></pre>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="respect-parentheses"></a>-respect-parentheses</h3>
+  <h3><a id="respect-parentheses"></a>-respect-parentheses</h3>
 </div>
 
 <p class="magick-description">settings remain in effect until parenthesis boundary.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="reverse"></a>-reverse</h3>
+  <h3><a id="reverse"></a>-reverse</h3>
 </div>
 
 <p class="magick-description">Reverse the order of images in the current image list.</p>
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="roll"></a>-roll {<var>+-</var>}<var>x</var>{<var>+-</var>}<var>y</var></h3>
+  <h3><a id="roll"></a>-roll {<var>+-</var>}<var>x</var>{<var>+-</var>}<var>y</var></h3>
 </div>
 
 <p class="magick-description">roll an image vertically or horizontally by the amount given.</p>
@@ -6728,7 +6728,7 @@
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="rotate"></a>-rotate <var>degrees</var>{<var>&lt;</var>}{<var>&gt;</var>}</h3>
+  <h3><a id="rotate"></a>-rotate <var>degrees</var>{<var>&lt;</var>}{<var>&gt;</var>}</h3>
 </div>
 
 <p class="magick-description">Apply Paeth image rotation (using shear operations) to the image.</p>
@@ -6749,7 +6749,7 @@
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="sample"></a>-sample <var>geometry</var></h3>
+  <h3><a id="sample"></a>-sample <var>geometry</var></h3>
 </div>
 
 <p class="magick-description">minify / magnify the image with pixel subsampling and pixel replication, respectively.</p>
@@ -6786,7 +6786,7 @@
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="sampling-factor"></a>-sampling-factor <var>horizontal-factor</var>x<var>vertical-factor</var></h3>
+  <h3><a id="sampling-factor"></a>-sampling-factor <var>horizontal-factor</var>x<var>vertical-factor</var></h3>
 </div>
 
 <p class="magick-description">sampling factors used by JPEG or MPEG-2 encoder and YUV decoder/encoder.</p>
@@ -6800,7 +6800,7 @@
 downsampling method.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="scale"></a>-scale <var>geometry</var></h3>
+  <h3><a id="scale"></a>-scale <var>geometry</var></h3>
 </div>
 
 <p class="magick-description">minify / magnify the image with pixel block averaging and pixel replication, respectively.</p>
@@ -6822,7 +6822,7 @@
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="scene"></a>-scene <var>value</var></h3>
+  <h3><a id="scene"></a>-scene <var>value</var></h3>
 </div>
 
 <p class="magick-description">set scene number.</p>
@@ -6830,7 +6830,7 @@
 <p>This option sets the scene number of an image or the first image in an image sequence.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="screen"></a>-screen</h3>
+  <h3><a id="screen"></a>-screen</h3>
 </div>
 
 <p class="magick-description">specify the screen to capture.</p>
@@ -6842,13 +6842,13 @@
 that are independent windows but appear over the specified window.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="seed"></a>-seed</h3>
+  <h3><a id="seed"></a>-seed</h3>
 </div>
 
 <p class="magick-description">seed a new sequence of pseudo-random numbers</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="segment"></a>-segment <var>cluster-threshold</var>x<var>smoothing-threshold</var></h3>
+  <h3><a id="segment"></a>-segment <var>cluster-threshold</var>x<var>smoothing-threshold</var></h3>
 </div>
 
 <p class="magick-description">segment the colors of an image.</p>
@@ -6868,7 +6868,7 @@
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="selective-blur"></a>-selective-blur <var>radius</var><br />-selective-blur <var>radius</var>x<var>sigma</var>{<var>+threshold</var>}</h3>
+  <h3><a id="selective-blur"></a>-selective-blur <var>radius</var><br />-selective-blur <var>radius</var>x<var>sigma</var>{<var>+threshold</var>}</h3>
 </div>
 
 <p class="magick-description">Selectively blur pixels within a contrast threshold.</p>
@@ -6877,13 +6877,13 @@
 contrast. The threshold may be expressed as a fraction of <var>QuantumRange</var> or as a percentage.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="separate"></a>-separate</h3>
+  <h3><a id="separate"></a>-separate</h3>
 </div>
 
 <p class="magick-description">separate an image channel into a grayscale image.  Specify the channel with <a href="command-line-options.html#channel">-channel</a>.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="sepia-tone"></a>-sepia-tone <var>percent-threshold</var></h3>
+  <h3><a id="sepia-tone"></a>-sepia-tone <var>percent-threshold</var></h3>
 </div>
 
 <p class="magick-description">simulate a sepia-toned photo.</p>
@@ -6898,8 +6898,8 @@
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="set"></a>-set <var>key value</var></h3>
-  <h3 class="magick-header">+set <var>key</var></h3>
+  <h3><a id="set"></a>-set <var>key value</var></h3>
+  <h3>+set <var>key</var></h3>
 </div>
 
 <p class="magick-description">sets image attributes and properties for images in the current image sequence.</p>
@@ -6928,20 +6928,20 @@
 a global 'artifact' which are automatically assigned (and any <a href="escape.html" >Format Percent
 Escapes</a> expanded) to images as they are read in.  For example:</p>
 
-<pre>
+<pre><code>
 -> convert rose: -set comment 'Rose is a rose is a rose is a rose' rose.png
 identify -format %c rose.png
 Rose is a rose is a rose is a rose
-</pre>
+</code></pre>
 
 <p>The set value can also make use of <a href="escape.html" >Format and Print Image
 Properties</a> in the defined value.  For example:</p>
 
-<pre>
+<pre><code>
 -> convert rose: -set origsize '%wx%h' -resize 50% \
   -format 'Old size = %[origsize]  New size = %wx%h' info:
 Old size = 70x46  New size = 35x23
-</pre>
+</code></pre>
 
 <p>Other well known 'properties' that are available include:
 '<code>date:create</code>' and '<code>date:modify</code>' and
@@ -6957,17 +6957,17 @@
 <p>This option can also associate a colorspace or profile with your image.
 For example,</p>
 
-<pre>
+<pre><code>
 convert image.psd -set profile ISOcoated_v2_eci.icc image-icc.psd
-</pre>
+</code></pre>
 
 <p>Some 'properties' must be defined in a specific way to be used. For
 example only 'properties' prefixed with "<code>filename:</code>" can be used to
 modify the output filename of an image. For example</p>
 
-<pre>
+<pre><code>
 convert rose: -set filename:mysize '%wx%h' 'rose_%[filename:mysize].png'
-</pre>
+</code></pre>
 
 <p>If the setting value is prefixed with "<code>option:</code>" the setting will
 be saved as a global "Artifact" exactly as if it was set using the <a
@@ -6976,10 +6976,10 @@
 in a way that allows you to use them in a completely different image, even if
 the original image has long since been modified or destroyed. For example: </p>
 
-<pre>
+<pre><code>
 convert rose:  -set option:rosesize '%wx%h' -delete 0 \
   label:'%[rosesize]'   label_size_of_rose.gif"
-</pre>
+</code></pre>
 
 <p>Note that <a href="escape.html" >Format Percent Escapes</a> will only match
 a 'artifact' if the given <var>key</var> does not match an existing
@@ -6993,9 +6993,9 @@
 the commandline option as shown below or by setting the profile via a
 programming interface:</p>
 
-<pre>
+<pre><code>
 convert in.png -set profile PNG-chunk-x:&lt;filename&gt; out.png
-</pre>
+</code></pre>
 
 <p>where <var>x</var> is a location flag and
 <var>filename</var> is a file containing the chunk
@@ -7009,13 +7009,13 @@
 subsequent profiles from overwriting the preceding ones, e.g.,</p>
 
 
-<pre>
+<pre><code>
 convert in.png -set profile PNG-chunk-b01:file01 \ 
   -profile PNG-chunk-b02:file02 out.png
-</pre>
+</code></pre>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="shade"></a>-shade <var>azimuth</var>x<var>elevation</var></h3>
+  <h3><a id="shade"></a>-shade <var>azimuth</var>x<var>elevation</var></h3>
 </div>
 
 <p class="magick-description">shade the image using a distant light source.</p>
@@ -7025,13 +7025,13 @@
 the shading results as a grayscale image.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="shadow"></a>-shadow <var>percent-opacity</var>{x<var>sigma</var>}{<var>+-</var>}<var>x</var>{<var>+-</var>}<var>y</var>{<var>%</var>}</h3>
+  <h3><a id="shadow"></a>-shadow <var>percent-opacity</var>{x<var>sigma</var>}{<var>+-</var>}<var>x</var>{<var>+-</var>}<var>y</var>{<var>%</var>}</h3>
 </div>
 
 <p class="magick-description">simulate an image shadow.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a
+  <h3><a
 id="shared-memory"></a>-shared-memory</h3>
 </div>
 
@@ -7043,7 +7043,7 @@
 Otherwise, this option is ignored. The default is <code>True</code>.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="sharpen"></a>-sharpen <var>radius</var><br />-sharpen <var>radius</var>x<var>sigma</var></h3>
+  <h3><a id="sharpen"></a>-sharpen <var>radius</var><br />-sharpen <var>radius</var>x<var>sigma</var></h3>
 </div>
 
 <p class="magick-description">sharpen the image.</p>
@@ -7051,7 +7051,7 @@
 <p>Use a Gaussian operator of the given radius and standard deviation (sigma).</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="shave"></a>-shave <var>geometry</var></h3>
+  <h3><a id="shave"></a>-shave <var>geometry</var></h3>
 </div>
 
 <p class="magick-description">Shave pixels from the image edges.</p>
@@ -7064,7 +7064,7 @@
 <p>See <a href="command-line-processing.html#geometry">Image Geometry</a> for complete details about the <em class="arg">geometry</em> argument.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="shear"></a>-shear <var>Xdegrees</var>[x<var>Ydegrees</var>]</h3>
+  <h3><a id="shear"></a>-shear <var>Xdegrees</var>[x<var>Ydegrees</var>]</h3>
 </div>
 
 <p class="magick-description">Shear the image along the x-axis and/or y-axis.</p>
@@ -7089,21 +7089,21 @@
 <var>commute</var>, i.e., the order matters in a sequence of shears. For
 example, the following two commands are not equivalent.</p>
 
-<pre>
+<pre><code>
 convert logo: -shear 20x0 -shear 0x60 logo-sheared.png
 convert logo: -shear 0x60 -shear 20x0 logo-sheared.png
-</pre>
+</code></pre>
 
 <p>The first of the two commands above is equivalent to the following, except
 for the amount of empty space created; the command that follows generates
 a smaller image, and so is a better choice in terms of time and space.</p>
 
-<pre>
+<pre><code>
 convert logo: -shear 20x60 logo-sheared.png
-</pre>
+</code></pre>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="sigmoidal-contrast"></a>-sigmoidal-contrast <var>contrast</var>x<var>mid-point</var></h3>
+  <h3><a id="sigmoidal-contrast"></a>-sigmoidal-contrast <var>contrast</var>x<var>mid-point</var></h3>
 </div>
 
 <p class="magick-description">increase the contrast without saturating highlights or shadows.</p>
@@ -7131,7 +7131,7 @@
 <var>mid-point</var>. </p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="silent"></a>-silent</h3>
+  <h3><a id="silent"></a>-silent</h3>
 
 
 </div>
@@ -7140,7 +7140,7 @@
 by the <a href="import.html">import</a> tool.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="similarity-threshold"></a>-similarity-threshold <var>value</var></h3>
+  <h3><a id="similarity-threshold"></a>-similarity-threshold <var>value</var></h3>
 </div>
 
 <p class="magick-description">minimum RMSE for subimage match.</p>
@@ -7148,7 +7148,7 @@
 <p>If this setting is used, then the search will stop as soon as it finds a match whose metric is less than or equal to the value. A partially filled second output image will result. Using a value of zero, will cause the search to stop at the first perfect match it finds. If this setting is left off, then the search will proceed to completion or as limited by <var>-dissimilarity-threshold</var>.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="size"></a>-size <var>width</var>[x<var>height</var>][<var>+offset</var>]</h3>
+  <h3><a id="size"></a>-size <var>width</var>[x<var>height</var>][<var>+offset</var>]</h3>
 </div>
 
 <p class="magick-description">set the width and height of the image.</p>
@@ -7162,16 +7162,16 @@
 
 <p>For Photo CD images, choose from these sizes:</p>
 
-<pre>
+<pre><code>
 192x128
 384x256
 768x512
 1536x1024
 3072x2048
-</pre>
+</code></pre>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="sketch"></a>-sketch <var>radius</var><br />-sketch <var>radius</var>x<var>sigma</var>+<var>angle</var></h3>
+  <h3><a id="sketch"></a>-sketch <var>radius</var><br />-sketch <var>radius</var>x<var>sigma</var>+<var>angle</var></h3>
 </div>
 
 <p class="magick-description">simulate a pencil sketch.</p>
@@ -7181,7 +7181,7 @@
 direction people would consider the object is coming from.  </p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="smush"></a>-smush <var>offset</var></h3>
+  <h3><a id="smush"></a>-smush <var>offset</var></h3>
 </div>
 
 <p class="magick-description">appends an image sequence together ignoring transparency.</p>
@@ -7195,7 +7195,7 @@
 <p>For zero offset and transparent images, the non-transparent parts of the two images will be aligned as close as possible without overlapping.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="snaps"></a>-snaps <var>value</var></h3>
+  <h3><a id="snaps"></a>-snaps <var>value</var></h3>
 </div>
 
 <p class="magick-description">Set the number of screen snapshots.</p>
@@ -7203,7 +7203,7 @@
 <p>Use this option to grab more than one image from the X server screen, to create an animation sequence.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="solarize"></a>-solarize <var>percent-threshold</var></h3>
+  <h3><a id="solarize"></a>-solarize <var>percent-threshold</var></h3>
 </div>
 
 <p class="magick-description">negate all pixels above the threshold level.</p>
@@ -7214,32 +7214,32 @@
 exposing a photographic film to light during the development process.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="sparse-color"></a>-sparse-color <var>method</var>  '<var>x</var>,<var>y</var> <var>color</var>  ...'</h3>
+  <h3><a id="sparse-color"></a>-sparse-color <var>method</var>  '<var>x</var>,<var>y</var> <var>color</var>  ...'</h3>
 </div>
 
 <p class="magick-description"> color the given image using the specified points of color, and filling the other intervening colors using the given methods. </p>
 
 
-<dl class="dl-horizontal">
-    <dt>barycentric</dt>
-    <dd>three point triangle of color given 3 points.
+<dl class="row">
+    <dt class="col-md-4">barycentric</dt>
+    <dd class="col-md-8">three point triangle of color given 3 points.
         Giving only 2 points will form a linear gradient between those points.
         The gradient generated extends beyond the triangle created by those
         3 points. </dd>
-    <dt>bilinear</dt>
-    <dd>Like barycentric but for 4 points. Less than 4 points
+    <dt class="col-md-4">bilinear</dt>
+    <dd class="col-md-8">Like barycentric but for 4 points. Less than 4 points
         fall back to barycentric. </dd>
-    <dt>voronoi</dt>
-    <dd>Simply map each pixel to the to nearest color point
+    <dt class="col-md-4">voronoi</dt>
+    <dd class="col-md-8">Simply map each pixel to the to nearest color point
         given. The result are polygonal 'cells' of solid color. </dd>
-    <dt>manhatten</dt>
-    <dd>Like voronoi, but resulting polygonal 'cells' are mapped to a fixed coordinate system.</dd>
-    <dt>shepards</dt>
-    <dd>Colors points biased on the ratio of inverse distance
+    <dt class="col-md-4">manhatten</dt>
+    <dd class="col-md-8">Like voronoi, but resulting polygonal 'cells' are mapped to a fixed coordinate system.</dd>
+    <dt class="col-md-4">shepards</dt>
+    <dd class="col-md-8">Colors points biased on the ratio of inverse distance
         squared. Generating spots of color in a sea of the average of
         colors. </dd>
-    <dt>inverse</dt>
-    <dd>Colors points biased on the ratio of inverse distance.
+    <dt class="col-md-4">inverse</dt>
+    <dd class="col-md-8">Colors points biased on the ratio of inverse distance.
         This generates sharper points of color rather than rounded spots of
         '<code>shepards</code>'  Generating spots of color in a sea of the
         average of colors. </dd>
@@ -7267,7 +7267,7 @@
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="splice"></a>-splice <var>geometry</var></h3>
+  <h3><a id="splice"></a>-splice <var>geometry</var></h3>
 </div>
 
 <p class="magick-description">Splice the current background color into the image.</p>
@@ -7289,7 +7289,7 @@
 added added all splices removed. </p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="spread"></a>-spread <var>amount</var></h3>
+  <h3><a id="spread"></a>-spread <var>amount</var></h3>
 </div>
 
 <p class="magick-description">displace image pixels by a random amount.</p>
@@ -7301,26 +7301,26 @@
 <p>The lookup is controlled by the <a href="command-line-options.html#interpolate">-interpolate</a> setting.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="statistic"></a>-statistic <var>type</var> <var>geometry</var></h3>
+  <h3><a id="statistic"></a>-statistic <var>type</var> <var>geometry</var></h3>
 </div>
 
 <p class="magick-description">replace each pixel with corresponding statistic from the neighborhood.</p>
 
 <p>Choose from these statistic types:</p>
-<dl class="dl-horizontal">
-<dt>Gradient</dt><dd>maximum difference (max - min) value in neighborhood</dd>
-<dt>Maximum</dt><dd>maximum value per channel in neighborhood</dd>
-<dt>Minimum</dt><dd>minimum value per channel in neighborhood</dd>
-<dt>Mean</dt><dd>average value per channel in neighborhood</dd>
-<dt>Median</dt><dd>median value per channel in neighborhood</dd>
-<dt>Mode</dt><dd>mode (most frequent) value per channel in neighborhood</dd>
-<dt>Nonpeak</dt><dd>value just before or after the median value per channel in neighborhood</dd>
-<dt>RMS</dt><dd>root mean square value per channel in neighborhood</dd>
-<dt>StandardDeviation</dt><dd> standard deviation value per channel in neighborhood</dd>
+<dl class="row">
+<dt class="col-md-4">Gradient</dt><dd class="col-md-8">maximum difference (max - min) value in neighborhood</dd>
+<dt class="col-md-4">Maximum</dt><dd class="col-md-8">maximum value per channel in neighborhood</dd>
+<dt class="col-md-4">Minimum</dt><dd class="col-md-8">minimum value per channel in neighborhood</dd>
+<dt class="col-md-4">Mean</dt><dd class="col-md-8">average value per channel in neighborhood</dd>
+<dt class="col-md-4">Median</dt><dd class="col-md-8">median value per channel in neighborhood</dd>
+<dt class="col-md-4">Mode</dt><dd class="col-md-8">mode (most frequent) value per channel in neighborhood</dd>
+<dt class="col-md-4">Nonpeak</dt><dd class="col-md-8">value just before or after the median value per channel in neighborhood</dd>
+<dt class="col-md-4">RMS</dt><dd class="col-md-8">root mean square value per channel in neighborhood</dd>
+<dt class="col-md-4">StandardDeviation</dt><dd class="col-md-8"> standard deviation value per channel in neighborhood</dd>
 </dl>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="stegano"></a>-stegano <var>offset</var></h3>
+  <h3><a id="stegano"></a>-stegano <var>offset</var></h3>
 </div>
 
 <p class="magick-description">hide watermark within an image.</p>
@@ -7331,7 +7331,7 @@
 320x256+35 stegano:image.png).</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="stereo"></a>-stereo <var>+x</var>{<var>+y</var>}</h3>
+  <h3><a id="stereo"></a>-stereo <var>+x</var>{<var>+y</var>}</h3>
 </div>
 
 <p class="magick-description">composite two images to create a red / cyan stereo anaglyph.</p>
@@ -7339,26 +7339,26 @@
 <p>The left side of the stereo pair (second image) is saved as the red channel of the output image. The right side (first image) is saved as the green and blue channels. Red-green stereo glasses are required to properly view the stereo image.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="storage-type"></a>-storage-type <var>type</var></h3>
+  <h3><a id="storage-type"></a>-storage-type <var>type</var></h3>
 </div>
 
 <p class="magick-description">pixel storage type.  Here are the valid types:</p>
 
-<dl class="dl-horizontal">
-<dt>char</dt><dd>unsigned characters</dd>
-<dt>double</dt><dd>doubles</dd>
-<dt>float</dt><dd>floats</dd>
-<dt>integer</dt><dd>integers</dd>
-<dt>long</dt><dd>longs</dd>
-<dt>quantum</dt><dd>pixels in the native depth of your ImageMagick distribution</dd>
-<dt>short</dt><dd>unsigned shorts</dd>
+<dl class="row">
+<dt class="col-md-4">char</dt><dd class="col-md-8">unsigned characters</dd>
+<dt class="col-md-4">double</dt><dd class="col-md-8">doubles</dd>
+<dt class="col-md-4">float</dt><dd class="col-md-8">floats</dd>
+<dt class="col-md-4">integer</dt><dd class="col-md-8">integers</dd>
+<dt class="col-md-4">long</dt><dd class="col-md-8">longs</dd>
+<dt class="col-md-4">quantum</dt><dd class="col-md-8">pixels in the native depth of your ImageMagick distribution</dd>
+<dt class="col-md-4">short</dt><dd class="col-md-8">unsigned shorts</dd>
 </dl>
 
 <p>Float and double types are normalized from 0.0 to 1.0 otherwise the pixels
 values range from 0 to the maximum value the storage type can support.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="stretch"></a>-stretch <var>fontStretch</var></h3>
+  <h3><a id="stretch"></a>-stretch <var>fontStretch</var></h3>
 </div>
 
 <p class="magick-description">Set a type of stretch style for fonts.</p>
@@ -7366,7 +7366,7 @@
 <p>This setting suggests a type of stretch that ImageMagick should try to
 apply to the currently selected font family. Select <var>fontStretch</var> from the following.</p>
 
-<pre>
+<pre><code>
 Any
 Condensed
 Expanded
@@ -7377,7 +7377,7 @@
 SemiExpanded
 UltraCondensed
 UltraExpanded
-</pre>
+</code></pre>
 
 <p>To print a complete list of stretch types, use <a href="command-line-options.html#list">-list
 stretch</a>.</p>
@@ -7387,13 +7387,13 @@
 href="command-line-options.html#style">-style</a>, and <a href="command-line-options.html#weight">-weight</a>. </p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="strip"></a>-strip</h3>
+  <h3><a id="strip"></a>-strip</h3>
 </div>
 
 <p class="magick-description">strip the image of any profiles, comments or these PNG chunks: bKGD,cHRM,EXIF,gAMA,iCCP,iTXt,sRGB,tEXt,zCCP,zTXt,date.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="stroke"></a>-stroke <var>color</var></h3>
+  <h3><a id="stroke"></a>-stroke <var>color</var></h3>
 </div>
 
 <p class="magick-description">color to use when stroking a graphic primitive.</p>
@@ -7403,7 +7403,7 @@
 <p>See <a href="command-line-options.html#draw">-draw</a> for further details.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="strokewidth"></a>-strokewidth <var>value</var></h3>
+  <h3><a id="strokewidth"></a>-strokewidth <var>value</var></h3>
 </div>
 
 <p class="magick-description">set the stroke width.</p>
@@ -7411,7 +7411,7 @@
 <p>See <a href="command-line-options.html#draw">-draw</a> for further details.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="style"></a>-style <var>fontStyle</var></h3>
+  <h3><a id="style"></a>-style <var>fontStyle</var></h3>
 </div>
 
 <p class="magick-description">Set a font style for text.</p>
@@ -7420,19 +7420,19 @@
 the currently selected font family. Select <var>fontStyle</var> from
 the following.</p>
 
-<pre>
+<pre><code>
 Any
 Italic
 Normal
 Oblique
-</pre>
+</code></pre>
 
 <p>For other settings that affect fonts, see the options <a
 href="command-line-options.html#font">-font</a>, <a href="command-line-options.html#family">-family</a>, <a
 href="command-line-options.html#stretch">-stretch</a>, and <a href="command-line-options.html#weight">-weight</a>. </p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="subimage-search"></a>-subimage-search</h3>
+  <h3><a id="subimage-search"></a>-subimage-search</h3>
 </div>
 
 <p class="magick-description">search for subimage.</p>
@@ -7456,7 +7456,7 @@
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="swap"></a>-swap <var>index,index</var></h3>
+  <h3><a id="swap"></a>-swap <var>index,index</var></h3>
 </div>
 
 <p class="magick-description">Swap the positions of two images in the image sequence.</p>
@@ -7466,7 +7466,7 @@
 the last two images in the sequence.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="swirl"></a>-swirl <var>degrees</var></h3>
+  <h3><a id="swirl"></a>-swirl <var>degrees</var></h3>
 </div>
 
 <p class="magick-description">swirl image pixels about the center.</p>
@@ -7474,7 +7474,7 @@
 <p><var>Degrees</var> defines the tightness of the swirl.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="synchronize"></a>-synchronize</h3>
+  <h3><a id="synchronize"></a>-synchronize</h3>
 </div>
 
 <p class="magick-description">synchronize image to storage device.</p>
@@ -7485,13 +7485,13 @@
 is not enough disk space for the image pixel cache.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="taint"></a>-taint</h3>
+  <h3><a id="taint"></a>-taint</h3>
 </div>
 
 <p class="magick-description">Mark the image as modified.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="text-font"></a>-text-font <var>name</var></h3>
+  <h3><a id="text-font"></a>-text-font <var>name</var></h3>
 </div>
 
 <p class="magick-description">font for writing fixed-width text.</p>
@@ -7504,13 +7504,13 @@
 <code>x:fixed</code> is OPTION1.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="texture"></a>-texture <var>filename</var></h3>
+  <h3><a id="texture"></a>-texture <var>filename</var></h3>
 </div>
 
 <p class="magick-description">name of texture to tile onto the image background.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="threshold"></a>-threshold <var>value</var>{<var>%</var>}</h3>
+  <h3><a id="threshold"></a>-threshold <var>value</var>{<var>%</var>}</h3>
 </div>
 
 <!-- {<var>green,blue,opacity</var>}
@@ -7539,19 +7539,19 @@
 channel. The green, blue, and alpha channels (if present) would be unchanged.
 </p>
 
-<pre>
+<pre><code>
 convert in.png -channel red -threshold 50% out.png
-</pre>
+</code></pre>
 
 <p>As (possibly) impractical but instructive examples, the following would
 generate an all-black and an all-white image with the same dimensions as the
 input image.</p>
 
 
-<pre>
+<pre><code>
 convert in.png -threshold 100% black.png
 convert in.png -threshold -1 white.png
-</pre>
+</code></pre>
 
 <p>Note that the values of the transparency channel is treated as 'matte'
 values (0 is opaque) and not as 'alpha' values (0 is transparent).</p>
@@ -7560,7 +7560,7 @@
 </p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="thumbnail"></a>-thumbnail <var>geometry</var></h3>
+  <h3><a id="thumbnail"></a>-thumbnail <var>geometry</var></h3>
 </div>
 
 <p class="magick-description">Create a thumbnail of the image.</p>
@@ -7573,13 +7573,13 @@
 <p>See <a href="command-line-processing.html#geometry">Image Geometry</a> for complete details about the <em class="arg">geometry</em> argument.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="tile"></a>-tile <var>filename</var></h3>
+  <h3><a id="tile"></a>-tile <var>filename</var></h3>
 </div>
 
 <p class="magick-description">Set the tile image used for filling a subsequent graphic primitive.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header">-tile <var>geometry</var></h3>
+  <h3>-tile <var>geometry</var></h3>
 </div>
 
 <p class="magick-description">Specify the layout of images.</p>
@@ -7587,13 +7587,13 @@
 <p>See <a href="command-line-processing.html#geometry">Image Geometry</a> for complete details about the <em class="arg">geometry</em> argument.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header">-tile</h3>
+  <h3>-tile</h3>
 </div>
 
 <p class="magick-description">Specifies that a subsequent composite operation is repeated across and down image.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="tile-offset"></a>-tile-offset {<var>+-</var>}<var>x</var>{<var>+-</var>}<var>y</var></h3>
+  <h3><a id="tile-offset"></a>-tile-offset {<var>+-</var>}<var>x</var>{<var>+-</var>}<var>y</var></h3>
 </div>
 
 <p class="magick-description">Specify the offset for tile images, relative to the background image it is tiled on.</p>
@@ -7607,7 +7607,7 @@
 by the arguments given when the tile image is set. </p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="tint"></a>-tint <var>value</var></h3>
+  <h3><a id="tint"></a>-tint <var>value</var></h3>
 </div>
 
 <p class="magick-description">Tint the image with the fill color.</p>
@@ -7619,7 +7619,7 @@
 as the various shades of grey.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="title"></a>-title <var>string</var></h3>
+  <h3><a id="title"></a>-title <var>string</var></h3>
 </div>
 
 <p class="magick-description">Assign a title to displayed image.", "animate", "display", "montage</p>
@@ -7632,25 +7632,25 @@
 
 <p>For example,</p>
 
-<pre>
+<pre><code>
 -title "%m:%f %wx%h"
-</pre>
+</code></pre>
 
 <p>produces an image title of <code>MIFF:bird.miff 512x480</code> for an image
 titled <code>bird.miff</code> and whose width is 512 and height is 480.</p>
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="transform"></a>-transform</h3>
+  <h3><a id="transform"></a>-transform</h3>
 </div>
 
 <p class="magick-description">transform the image.</p>
 
 <p>This option applies the transformation matrix from a previous <a href="command-line-options.html#affine">-affine</a> option.</p>
 
-<pre>
+<pre><code>
 convert -affine 2,2,-2,2,0,0 -transform bird.ppm bird.jpg
-</pre>
+</code></pre>
 
 
 <p>This operator has been now been superseded by the  <a
@@ -7658,7 +7658,7 @@
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="transparent"></a>-transparent <var>color</var></h3>
+  <h3><a id="transparent"></a>-transparent <var>color</var></h3>
 </div>
 
 <p class="magick-description">Make this color transparent within the image.</p>
@@ -7685,7 +7685,7 @@
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="transparent-color"></a>-transparent-color <var>color</var></h3>
+  <h3><a id="transparent-color"></a>-transparent-color <var>color</var></h3>
 </div>
 
 <p class="magick-description">Set the transparent color.</p>
@@ -7707,7 +7707,7 @@
 <p>The default transparent color is <code>#00000000</code>, which is fully transparent black.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="transpose"></a>-transpose</h3>
+  <h3><a id="transpose"></a>-transpose</h3>
 </div>
 
 <p class="magick-description">Mirror the image along the top-left to bottom-right diagonal.</p>
@@ -7716,14 +7716,14 @@
 </p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="transverse"></a>-transverse</h3>
+  <h3><a id="transverse"></a>-transverse</h3>
 </div>
 
 <p class="magick-description">Mirror the image along the images bottom-left top-right diagonal.  Equivalent to the operations <code>-flop -rotate 90</code>.</p>
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="treedepth"></a>-treedepth <var>value</var></h3>
+  <h3><a id="treedepth"></a>-treedepth <var>value</var></h3>
 </div>
 
 <p class="magick-description">tree depth for the color reduction algorithm.</p>
@@ -7743,7 +7743,7 @@
 required for this option to take effect.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="trim"></a>-trim</h3>
+  <h3><a id="trim"></a>-trim</h3>
 </div>
 
 <p class="magick-description">trim an image.</p>
@@ -7763,7 +7763,7 @@
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="type"></a>-type <var>type</var></h3>
+  <h3><a id="type"></a>-type <var>type</var></h3>
 </div>
 
 <p class="magick-description">the image type.</p> <p>Choose from: <code>Bilevel</code>,
@@ -7777,9 +7777,9 @@
 example, to prevent a JPEG from being written in grayscale format even though
 only gray pixels are present, use.</p>
 
-<pre>
+<pre><code>
 convert bird.png -type TrueColor bird.jpg
-</pre>
+</code></pre>
 
 <p>Similarly, use <a href="command-line-options.html#type">-type TrueColorMatte</a> to force the
 encoder to write an alpha channel even though the image is opaque, if the
@@ -7788,7 +7788,7 @@
 <p>Use <a href="command-line-options.html#type">-type optimize</a> to ensure the image is written in the smallest possible file size.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="undercolor"></a>-undercolor <var>color</var></h3>
+  <h3><a id="undercolor"></a>-undercolor <var>color</var></h3>
 </div>
 
 <p class="magick-description">set the color of the annotation bounding box.</p>
@@ -7799,7 +7799,7 @@
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="update"></a>-update <var>seconds</var></h3>
+  <h3><a id="update"></a>-update <var>seconds</var></h3>
 </div>
 
 <p class="magick-description">detect when image file is modified and redisplay.</p>
@@ -7811,14 +7811,14 @@
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="unique-colors"></a>-unique-colors</h3>
+  <h3><a id="unique-colors"></a>-unique-colors</h3>
 </div>
 
 <p class="magick-description">discard all but one of any pixel color.</p>
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="units"></a>-units <var>type</var></h3>
+  <h3><a id="units"></a>-units <var>type</var></h3>
 </div>
 
 <p class="magick-description">the units of image resolution.</p>
@@ -7829,7 +7829,7 @@
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="unsharp"></a>-unsharp <var>radius</var><br />-unsharp <var>radius</var>x<var>sigma</var>{<var>+gain</var>}{<var>+threshold</var>}</h3>
+  <h3><a id="unsharp"></a>-unsharp <var>radius</var><br />-unsharp <var>radius</var>x<var>sigma</var>{<var>+gain</var>}{<var>+threshold</var>}</h3>
 </div>
 
 <p class="magick-description">sharpen the image with an unsharp mask operator.</p>
@@ -7841,40 +7841,40 @@
 
 <p>The parameters are:</p>
 
-<dl class="dl-horizontal">
-<dt>radius</dt>
-<dd>The radius of the Gaussian, in pixels,  not counting the center pixel (default 0).</dd>
-<dt>sigma</dt>
-<dd>The standard deviation of the Gaussian, in pixels (default 1.0).</dd>
-<dt>gain</dt>
-<dd>The fraction of the difference between the original and the blur image that is added back into the original (default 1.0).</dd>
-<dt>threshold</dt>
-<dd>The threshold, as a fraction of <var>QuantumRange</var>, needed to apply the difference amount (default 0.05).</dd>
+<dl class="row">
+<dt class="col-md-4">radius</dt>
+<dd class="col-md-8">The radius of the Gaussian, in pixels,  not counting the center pixel (default 0).</dd>
+<dt class="col-md-4">sigma</dt>
+<dd class="col-md-8">The standard deviation of the Gaussian, in pixels (default 1.0).</dd>
+<dt class="col-md-4">gain</dt>
+<dd class="col-md-8">The fraction of the difference between the original and the blur image that is added back into the original (default 1.0).</dd>
+<dt class="col-md-4">threshold</dt>
+<dd class="col-md-8">The threshold, as a fraction of <var>QuantumRange</var>, needed to apply the difference amount (default 0.05).</dd>
 </dl>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="verbose"></a>-verbose</h3>
+  <h3><a id="verbose"></a>-verbose</h3>
 </div>
 
 <p class="magick-description">print detailed information about the image when this option precedes the <a href="command-line-options.html#identify">-identify</a> option or <code>info:</code>.</p>
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="version"></a>-version</h3>
+  <h3><a id="version"></a>-version</h3>
 </div>
 
 <p class="magick-description">print ImageMagick version string and exit.</p>
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="view"></a>-view <var>string</var></h3>
+  <h3><a id="view"></a>-view <var>string</var></h3>
 </div>
 
 <p class="magick-description">FlashPix viewing parameters.</p>
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="vignette"></a>-vignette <var>radius</var>{x<var>sigma</var>}{<var>+-</var>}<var>x</var>{<var>+-</var>}<var>y</var>{<var>%</var>}</h3>
+  <h3><a id="vignette"></a>-vignette <var>radius</var>{x<var>sigma</var>}{<var>+-</var>}<var>x</var>{<var>+-</var>}<var>y</var>{<var>%</var>}</h3>
 </div>
 
 <p class="magick-description">soften the edges of the image in vignette style.</p>
@@ -7882,7 +7882,7 @@
 <p>The vignette effect rolloff is controlled by radiusxsigma. For nominal rolloff, this would be set to 0xsigma. A value of 0x0 will produce a circle/ellipse with no rolloff. The arguments x and y control the size of the circle. Larger values decrease the radii and smaller values increase the radii. Values of +0+0 will generate a circle/ellipse the same size as the image. The default values for x and y are 10% of the corresponding image dimension. Thus, the radii will be decreased by 10%, i.e., the diameters of the circle/ellipse will be 80% of the corresponding image dimension.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="virtual-pixel"></a>-virtual-pixel <var>method</var></h3>
+  <h3><a id="virtual-pixel"></a>-virtual-pixel <var>method</var></h3>
 </div>
 
 <p class="magick-description">Specify contents of <var>virtual pixels</var>.</p>
@@ -7894,22 +7894,22 @@
 
 <p>Choose from these methods:</p>
 
-<dl class="dl-horizontal">
-<dt>background</dt><dd>the area surrounding the image is the background color</dd>
-<dt>black</dt><dd>the area surrounding the image is black</dd>
-<dt>checker-tile</dt><dd>alternate squares with image and background color</dd>
-<dt>dither</dt><dd>non-random 32x32 dithered pattern</dd>
-<dt>edge</dt><dd>extend the edge pixel toward infinity</dd>
-<dt>gray</dt><dd>the area surrounding the image is gray</dd>
-<dt>horizontal-tile</dt><dd>horizontally tile the image, background color above/below</dd>
-<dt>horizontal-tile-edge</dt><dd>horizontally tile the image and replicate the side edge pixels</dd>
-<dt>mirror</dt><dd>mirror tile the image</dd>
-<dt>random</dt><dd>choose a random pixel from the image</dd>
-<dt>tile</dt><dd>tile the image (default)</dd>
-<dt>transparent</dt><dd>the area surrounding the image is transparent blackness</dd>
-<dt>vertical-tile</dt><dd>vertically tile the image, sides are background color</dd>
-<dt>vertical-tile-edge</dt><dd>vertically tile the image and replicate the side edge pixels</dd>
-<dt>white</dt><dd>the area surrounding the image is white</dd>
+<dl class="row">
+<dt class="col-md-4">background</dt><dd class="col-md-8">the area surrounding the image is the background color</dd>
+<dt class="col-md-4">black</dt><dd class="col-md-8">the area surrounding the image is black</dd>
+<dt class="col-md-4">checker-tile</dt><dd class="col-md-8">alternate squares with image and background color</dd>
+<dt class="col-md-4">dither</dt><dd class="col-md-8">non-random 32x32 dithered pattern</dd>
+<dt class="col-md-4">edge</dt><dd class="col-md-8">extend the edge pixel toward infinity</dd>
+<dt class="col-md-4">gray</dt><dd class="col-md-8">the area surrounding the image is gray</dd>
+<dt class="col-md-4">horizontal-tile</dt><dd class="col-md-8">horizontally tile the image, background color above/below</dd>
+<dt class="col-md-4">horizontal-tile-edge</dt><dd class="col-md-8">horizontally tile the image and replicate the side edge pixels</dd>
+<dt class="col-md-4">mirror</dt><dd class="col-md-8">mirror tile the image</dd>
+<dt class="col-md-4">random</dt><dd class="col-md-8">choose a random pixel from the image</dd>
+<dt class="col-md-4">tile</dt><dd class="col-md-8">tile the image (default)</dd>
+<dt class="col-md-4">transparent</dt><dd class="col-md-8">the area surrounding the image is transparent blackness</dd>
+<dt class="col-md-4">vertical-tile</dt><dd class="col-md-8">vertically tile the image, sides are background color</dd>
+<dt class="col-md-4">vertical-tile-edge</dt><dd class="col-md-8">vertically tile the image and replicate the side edge pixels</dd>
+<dt class="col-md-4">white</dt><dd class="col-md-8">the area surrounding the image is white</dd>
 </dl>
 
 <p>The default value is "edge".</p>
@@ -7925,19 +7925,19 @@
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="visual"></a>-visual <var>type</var></h3>
+  <h3><a id="visual"></a>-visual <var>type</var></h3>
 </div>
 
 <p class="magick-description">Animate images using this X visual type.", 'animate', 'display'</p>
 
 <p>Choose from these visual classes:</p>
 
-<pre>
+<pre><code>
 StaticGray    TrueColor
 GrayScale     DirectColor
 StaticColor   default
 PseudoColor   visual id
-</pre>
+</code></pre>
 
 <p>The X server must support the visual you choose, otherwise an error occurs.
 If a visual is not specified, the visual class that can display the most
@@ -7945,7 +7945,7 @@
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="watermark"></a>-watermark <var>brightness</var>x<var>saturation</var></h3>
+  <h3><a id="watermark"></a>-watermark <var>brightness</var>x<var>saturation</var></h3>
 </div>
 
 <p class="magick-description">Watermark an image using the given percentages of brightness and saturation.</p>
@@ -7958,19 +7958,19 @@
 
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="wave"></a>-wave <var>amplitude</var><br />-wave <var>amplitude</var>x<var>wavelength</var></h3>
+  <h3><a id="wave"></a>-wave <var>amplitude</var><br />-wave <var>amplitude</var>x<var>wavelength</var></h3>
 </div>
 
 <p class="magick-description">Shear the columns of an image into a sine wave.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="wavelet-denoise"></a>-wavelet-denoise <var>threshold</var><br />-wavelet-denoise <var>threshold</var>x<var>softness</var></h3>
+  <h3><a id="wavelet-denoise"></a>-wavelet-denoise <var>threshold</var><br />-wavelet-denoise <var>threshold</var>x<var>softness</var></h3>
 </div>
 
 <p class="magick-description">removes noise from the image using a wavelet transform.  The threshold is the value below which everything is considered noise and ranges from 0.0 (none) to QuantumRange or use percent (e.g. 5%). Softness attenuates the threshold and typically ranges from 0.0 (none) to 1.0.  The higher the value the more noise that remains in the image.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="weight"></a>-weight <var>fontWeight</var></h3>
+  <h3><a id="weight"></a>-weight <var>fontWeight</var></h3>
 </div>
 
 <p class="magick-description">Set a font weight for text.</p>
@@ -7979,25 +7979,25 @@
 the currently selected font family. Use a positive integer for
 <var>fontWeight</var> or select from the following.</p>
 
-<dl class="dl-horizontal">
-<dt>Thin </dt>
-<dd>Same as <var>fontWeight</var> = 100.</dd>
-<dt>ExtraLight </dt>
-<dd>Same as <var>fontWeight</var> = 200.</dd>
-<dt>Light </dt>
-<dd>Same as <var>fontWeight</var> = 300.</dd>
-<dt>Normal </dt>
-<dd>Same as <var>fontWeight</var> = 400.</dd>
-<dt>Medium </dt>
-<dd>Same as <var>fontWeight</var> = 500.</dd>
-<dt>DemiBold </dt>
-<dd>Same as <var>fontWeight</var> = 600.</dd>
-<dt>Bold </dt>
-<dd>Same as <var>fontWeight</var> = 700.</dd>
-<dt>ExtraBold </dt>
-<dd>Same as <var>fontWeight</var> = 800.</dd>
-<dt>Heavy </dt>
-<dd>Same as <var>fontWeight</var> = 900.</dd>
+<dl class="row">
+<dt class="col-md-4">Thin </dt>
+<dd class="col-md-8">Same as <var>fontWeight</var> = 100.</dd>
+<dt class="col-md-4">ExtraLight </dt>
+<dd class="col-md-8">Same as <var>fontWeight</var> = 200.</dd>
+<dt class="col-md-4">Light </dt>
+<dd class="col-md-8">Same as <var>fontWeight</var> = 300.</dd>
+<dt class="col-md-4">Normal </dt>
+<dd class="col-md-8">Same as <var>fontWeight</var> = 400.</dd>
+<dt class="col-md-4">Medium </dt>
+<dd class="col-md-8">Same as <var>fontWeight</var> = 500.</dd>
+<dt class="col-md-4">DemiBold </dt>
+<dd class="col-md-8">Same as <var>fontWeight</var> = 600.</dd>
+<dt class="col-md-4">Bold </dt>
+<dd class="col-md-8">Same as <var>fontWeight</var> = 700.</dd>
+<dt class="col-md-4">ExtraBold </dt>
+<dd class="col-md-8">Same as <var>fontWeight</var> = 800.</dd>
+<dt class="col-md-4">Heavy </dt>
+<dd class="col-md-8">Same as <var>fontWeight</var> = 900.</dd>
 </dl>
 <br/>
 
@@ -8008,13 +8008,13 @@
 href="command-line-options.html#stretch">-stretch</a>, and <a href="command-line-options.html#style">-style</a>. </p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="white-point"></a>-white-point <var>x,y</var></h3>
+  <h3><a id="white-point"></a>-white-point <var>x,y</var></h3>
 </div>
 
 <p class="magick-description">chromaticity white point.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="white-threshold"></a>-white-threshold <var>value</var>{<var>%</var>}</h3>
+  <h3><a id="white-threshold"></a>-white-threshold <var>value</var>{<var>%</var>}</h3>
 </div>
 
 <p class="magick-description">Force to white all pixels above the threshold while leaving all pixels at or below the threshold unchanged.</p>
@@ -8024,7 +8024,7 @@
 desired <a href="command-line-options.html#channel">&#x2011;channel</a> value. See <a href="command-line-options.html#threshold">&#x2011;threshold</a>for more details on thresholds and resulting values.  </p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="window"></a>-window <var>id</var></h3>
+  <h3><a id="window"></a>-window <var>id</var></h3>
 </div>
 
 <p class="magick-description">Make the image the background of a window.", 'animate', 'display'</p>
@@ -8042,13 +8042,13 @@
 href="command-line-options.html#colors">-colors</a> to reduce the number of colors.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="window-group"></a>-window-group</h3>
+  <h3><a id="window-group"></a>-window-group</h3>
 </div>
 
 <p class="magick-description">specify the window group.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="write"></a>-write <var>filename</var></h3>
+  <h3><a id="write"></a>-write <var>filename</var></h3>
 </div>
 
 <p class="magick-description">write an image sequence.</p>
@@ -8058,7 +8058,7 @@
 <p>Use <a href="command-line-options.html#compress">-compress</a> to specify the type of image compression.</p>
 
 <div style="margin: auto;">
-  <h3 class="magick-header"><a id="write-mask"></a>-write-mask <var>filename</var></h3>
+  <h3><a id="write-mask"></a>-write-mask <var>filename</var></h3>
 </div>
 
 <p class="magick-description">Prevent updates to image pixels specified by the mask.</p>
@@ -8095,4 +8095,4 @@
 </div>
 </body>
 </html>
-<!-- Magick Cache 10th June 2017 13:14 -->
\ No newline at end of file
+<!-- Magick Cache 29th June 2017 10:55 -->
\ No newline at end of file