"},]}, {"text":"\n"}, {"tag":"span","attrib":{style:{1:"rgb(47, 111, 159)",2:"rgb(47, 111, 159)",39:"28.4917px 8.5px",55:"rgb(47, 111, 159)",60:"rgb(47, 111, 159)",61:"rgb(47, 111, 159)",116:"28.4917px 8.5px",144:"rgb(47, 111, 159)",264:"rgb(47, 111, 159)",271:"rgb(47, 111, 159)",276:"rgb(47, 111, 159)",289:"rgb(47, 111, 159)",295:"rgb(47, 111, 159)",298:"rgb(47, 111, 159)",301:"rgb(47, 111, 159)",304:"rgb(47, 111, 159)",317:"rgb(47, 111, 159)",320:"rgb(47, 111, 159)",323:"rgb(47, 111, 159)"}},"children":[ {"text":""},]}, {"text":"\n"}, {"tag":"span","attrib":{style:{1:"rgb(47, 111, 159)",2:"rgb(47, 111, 159)",39:"28.4917px 8.5px",55:"rgb(47, 111, 159)",60:"rgb(47, 111, 159)",61:"rgb(47, 111, 159)",116:"28.4917px 8.5px",144:"rgb(47, 111, 159)",264:"rgb(47, 111, 159)",271:"rgb(47, 111, 159)",276:"rgb(47, 111, 159)",289:"rgb(47, 111, 159)",295:"rgb(47, 111, 159)",298:"rgb(47, 111, 159)",301:"rgb(47, 111, 159)",304:"rgb(47, 111, 159)",317:"rgb(47, 111, 159)",320:"rgb(47, 111, 159)",323:"rgb(47, 111, 159)"}},"children":[ {"text":""},]},]},]},]}, {"text":"\n\n"}, {"tag":"p","attrib":{style:{15:"1",26:"556.8px",39:"278.4px 48px",43:"auto",110:"auto",114:"static",116:"278.4px 48px",122:"0px",123:"0px",124:"0px",125:"0px",126:"0px",127:"0px",128:"0px",129:"0px",145:"0",154:"0px",155:"0px",156:"0px",157:"0px",158:"80%",159:"80%",182:"16px",184:"16px",192:"auto",197:"auto",198:"auto",199:"auto",200:"auto",201:"556.8px",206:"96px",240:"1",243:"auto",284:"auto",324:"96px"}},"children":[ {"text":"Curious which components explicitly require jQuery, our JS, and Popper.js? Click the show components link below. If you’re at all unsure about the general page structure, keep reading for an example page template."},]}, {"text":"\n\n"}, {"tag":"details","attrib":{style:{15:"1",26:"696px",32:"normal",39:"348px 12.25px",43:"auto",110:"auto",114:"static",116:"348px 12.25px",122:"0px",123:"0px",124:"0px",125:"0px",126:"0px",127:"0px",128:"0px",129:"0px",145:"0",154:"0px",155:"0px",156:"0px",157:"0px",158:"none",159:"none",192:"auto",197:"auto",198:"auto",199:"auto",200:"auto",201:"696px",206:"24.5px",240:"1",243:"auto",284:"auto",324:"24.5px"}},"children":[ {"text":"\n"}, {"tag":"summary","attrib":{style:{1:"rgb(0, 123, 255)",2:"rgb(0, 123, 255)",32:"isolate",55:"rgb(0, 123, 255)",60:"rgb(0, 123, 255)",61:"rgb(0, 123, 255)",144:"rgb(0, 123, 255)",182:"16px",184:"16px",185:"disclosure-closed",186:"inside",250:"list-item",254:"pointer",257:"list-item 0",264:"rgb(0, 123, 255)",271:"rgb(0, 123, 255)",276:"rgb(0, 123, 255)",289:"rgb(0, 123, 255)",295:"rgb(0, 123, 255)",298:"rgb(0, 123, 255)",301:"rgb(0, 123, 255)",304:"rgb(0, 123, 255)",317:"rgb(0, 123, 255)",320:"rgb(0, 123, 255)",323:"rgb(0, 123, 255)"}},"children":[ {"text":"Show components requiring JavaScript"},]}, {"text":"\n\n"}, {"tag":"ul","attrib":{style:{26:"auto",32:"isolate",39:"50% 50%",116:"50% 50%",124:"40px",125:"40px",182:"16px",184:"16px",201:"auto",206:"auto",256:"list-item 0",324:"auto"}},"children":[ {"text":"\n "}, {"tag":"li","attrib":{style:{124:"0px",125:"0px",182:"0px",184:"0px",250:"list-item",256:"none"}},"children":[ {"text":"Alerts for dismissing"},]}, {"text":"\n "}, {"tag":"li","attrib":{style:{124:"0px",125:"0px",182:"0px",184:"0px",250:"list-item",256:"none"}},"children":[ {"text":"Buttons for toggling states and checkbox/radio functionality"},]}, {"text":"\n "}, {"tag":"li","attrib":{style:{124:"0px",125:"0px",182:"0px",184:"0px",250:"list-item",256:"none"}},"children":[ {"text":"Carousel for all slide behaviors, controls, and indicators"},]}, {"text":"\n "}, {"tag":"li","attrib":{style:{124:"0px",125:"0px",182:"0px",184:"0px",250:"list-item",256:"none"}},"children":[ {"text":"Collapse for toggling visibility of content"},]}, {"text":"\n "}, {"tag":"li","attrib":{style:{124:"0px",125:"0px",182:"0px",184:"0px",250:"list-item",256:"none"}},"children":[ {"text":"Dropdowns for displaying and positioning (also requires "}, {"tag":"a","attrib":{"href":"https://popper.js.org/",style:{1:"rgb(0, 123, 255)",2:"rgb(0, 123, 255)",32:"normal",55:"rgb(0, 123, 255)",60:"rgb(0, 123, 255)",61:"rgb(0, 123, 255)",144:"rgb(0, 123, 255)",250:"inline",254:"pointer",264:"rgb(0, 123, 255)",271:"rgb(0, 123, 255)",276:"rgb(0, 123, 255)",289:"rgb(0, 123, 255)",295:"rgb(0, 123, 255)",298:"rgb(0, 123, 255)",301:"rgb(0, 123, 255)",304:"rgb(0, 123, 255)",317:"rgb(0, 123, 255)",320:"rgb(0, 123, 255)",323:"rgb(0, 123, 255)"}},"children":[ {"text":"Popper.js"},]}, {"text":")"},]}, {"text":"\n "}, {"tag":"li","attrib":{style:{124:"0px",125:"0px",182:"0px",184:"0px",250:"list-item",256:"none"}},"children":[ {"text":"Modals for displaying, positioning, and scroll behavior"},]}, {"text":"\n "}, {"tag":"li","attrib":{style:{124:"0px",125:"0px",182:"0px",184:"0px",250:"list-item",256:"none"}},"children":[ {"text":"Navbar for extending our Collapse plugin to implement responsive behavior"},]}, {"text":"\n "}, {"tag":"li","attrib":{style:{124:"0px",125:"0px",182:"0px",184:"0px",250:"list-item",256:"none"}},"children":[ {"text":"Tooltips and popovers for displaying and positioning (also requires "}, {"tag":"a","attrib":{"href":"https://popper.js.org/",style:{1:"rgb(0, 123, 255)",2:"rgb(0, 123, 255)",32:"normal",55:"rgb(0, 123, 255)",60:"rgb(0, 123, 255)",61:"rgb(0, 123, 255)",144:"rgb(0, 123, 255)",250:"inline",254:"pointer",264:"rgb(0, 123, 255)",271:"rgb(0, 123, 255)",276:"rgb(0, 123, 255)",289:"rgb(0, 123, 255)",295:"rgb(0, 123, 255)",298:"rgb(0, 123, 255)",301:"rgb(0, 123, 255)",304:"rgb(0, 123, 255)",317:"rgb(0, 123, 255)",320:"rgb(0, 123, 255)",323:"rgb(0, 123, 255)"}},"children":[ {"text":"Popper.js"},]}, {"text":")"},]}, {"text":"\n "}, {"tag":"li","attrib":{style:{124:"0px",125:"0px",182:"0px",184:"0px",250:"list-item",256:"none"}},"children":[ {"text":"Scrollspy for scroll behavior and navigation updates"},]}, {"text":"\n"},]}, {"text":"\n\n"},]}, {"text":"\n\n"}, {"tag":"h2","attrib":{"id":"starter-template",style:{15:"1",26:"696px",39:"348px 67.2px",43:"auto",110:"auto",114:"static",115:"none",116:"348px 67.2px",122:"0px",123:"0px",124:"0px",125:"0px",126:"0px",127:"0px",128:"0px",129:"0px",145:"0",154:"0px",155:"0px",156:"0px",157:"0px",158:"none",159:"none",177:"48px",182:"8px",183:"48px",184:"8px",188:"38.4px",192:"auto",197:"auto",198:"auto",199:"auto",200:"auto",201:"696px",206:"134.4px",217:"500",230:"32px",240:"1",243:"auto",284:"auto",324:"134.4px"}},"children":[ {"tag":"div","attrib":{style:{39:"348px 19.2px",115:"auto",116:"348px 19.2px",177:"0px",182:"0px",183:"0px",184:"0px",206:"38.4px",324:"38.4px"}},"children":[ {"text":"Starter template"}, {"tag":"a","attrib":{"href":"#starter-template","aria-label":"Anchor",style:{1:"rgba(0, 123, 255, 0.5)",2:"rgba(0, 123, 255, 0.5)",26:"auto",32:"normal",34:"linear",35:"color",36:"0.16s",39:"19.4083px 19px",55:"rgba(0, 123, 255, 0.5)",60:"rgba(0, 123, 255, 0.5)",61:"rgba(0, 123, 255, 0.5)",116:"19.4083px 19px",124:"12px",125:"12px",144:"rgba(0, 123, 255, 0.5)",146:"0",201:"auto",206:"auto",217:"400",250:"inline",254:"pointer",264:"rgba(0, 123, 255, 0.5)",271:"rgba(0, 123, 255, 0.5)",276:"rgba(0, 123, 255, 0.5)",289:"rgba(0, 123, 255, 0.5)",295:"rgba(0, 123, 255, 0.5)",298:"rgba(0, 123, 255, 0.5)",301:"rgba(0, 123, 255, 0.5)",304:"rgba(0, 123, 255, 0.5)",317:"rgba(0, 123, 255, 0.5)",320:"rgba(0, 123, 255, 0.5)",323:"rgba(0, 123, 255, 0.5)",324:"auto"}},"children":[]},]},]}, {"text":"\n\n"}, {"tag":"p","attrib":{style:{15:"1",26:"556.8px",39:"278.4px 48px",43:"auto",110:"auto",114:"static",116:"278.4px 48px",122:"0px",123:"0px",124:"0px",125:"0px",126:"0px",127:"0px",128:"0px",129:"0px",145:"0",154:"0px",155:"0px",156:"0px",157:"0px",158:"80%",159:"80%",182:"16px",184:"16px",192:"auto",197:"auto",198:"auto",199:"auto",200:"auto",201:"556.8px",206:"96px",240:"1",243:"auto",284:"auto",324:"96px"}},"children":[ {"text":"Be sure to have your pages set up with the latest design and development standards. That means using an HTML5 doctype and including a viewport meta tag for proper responsive behaviors. Put it all together and your pages should look like this:"},]}, {"text":"\n\n"}, {"tag":"div","attrib":{style:{15:"1",26:"0px",39:"0px 0px",116:"0px 0px",122:"0px",123:"0px",124:"0px",125:"0px",126:"0px",127:"0px",128:"0px",129:"0px",145:"0",154:"0px",155:"0px",156:"0px",157:"0px",158:"none",159:"none",201:"0px",206:"0px",238:"right",240:"1",243:"auto",324:"0px"}},"children":[ {"tag":"button","attrib":{"title":"",style:{1:"rgb(129, 138, 145)",2:"rgb(129, 138, 145)",19:"10",26:"46.45px",31:"none",32:"normal",39:"23.225px 13px",43:"8px",55:"rgb(129, 138, 145)",60:"rgb(129, 138, 145)",61:"rgb(129, 138, 145)",65:"center",110:"8px",114:"absolute",116:"23.225px 13px",122:"4px",123:"8px",124:"8px",125:"8px",126:"8px",127:"4px",128:"4px",129:"4px",144:"rgb(129, 138, 145)",188:"18px",192:"-54.45px",197:"-54.45px",198:"8px",199:"8px",200:"-34px",201:"46.45px",206:"26px",230:"12px",238:"none",254:"pointer",264:"rgb(129, 138, 145)",271:"rgb(129, 138, 145)",276:"rgb(129, 138, 145)",284:"-34px",287:"4px",288:"4px",289:"rgb(129, 138, 145)",290:"4px",291:"4px",295:"rgb(129, 138, 145)",298:"rgb(129, 138, 145)",301:"rgb(129, 138, 145)",304:"rgb(129, 138, 145)",310:"4px",311:"4px",315:"4px",316:"4px",317:"rgb(129, 138, 145)",320:"rgb(129, 138, 145)",323:"rgb(129, 138, 145)",324:"26px",338:"button"}},"children":[ {"text":"Copy"},]},]}, {"tag":"figure","attrib":{style:{15:"1",26:"696px",39:"348px 261px",43:"auto",110:"auto",114:"static",116:"348px 261px",122:"24px",123:"24px",124:"24px",125:"24px",126:"24px",127:"24px",128:"24px",129:"24px",145:"0",154:"0px",155:"0px",156:"0px",157:"0px",158:"none",159:"none",182:"16px",184:"16px",192:"auto",197:"auto",198:"auto",199:"auto",200:"auto",201:"696px",206:"522px",240:"1",243:"auto",284:"auto",324:"522px",332:"rgb(247, 247, 249)"}},"children":[ {"tag":"pre","attrib":{style:{26:"648px",27:"pre",39:"324px 237px",116:"324px 237px",122:"0px",123:"0px",124:"0px",125:"0px",126:"0px",127:"0px",128:"0px",129:"0px",134:"auto",135:"auto",137:"auto",138:"auto",140:"auto",182:"0px",184:"0px",188:"21px",201:"648px",206:"474px",230:"14px",235:"Courier",324:"474px",332:"rgba(0, 0, 0, 0)"}},"children":[ {"tag":"code","attrib":{style:{26:"auto",32:"normal",39:"61px 8.5px",116:"61px 8.5px",134:"visible",135:"visible",137:"visible",138:"visible",140:"visible",201:"auto",206:"auto",250:"inline",324:"auto"}},"children":[ {"tag":"span","attrib":{style:{1:"rgb(0, 153, 153)",2:"rgb(0, 153, 153)",55:"rgb(0, 153, 153)",60:"rgb(0, 153, 153)",61:"rgb(0, 153, 153)",144:"rgb(0, 153, 153)",264:"rgb(0, 153, 153)",271:"rgb(0, 153, 153)",276:"rgb(0, 153, 153)",289:"rgb(0, 153, 153)",295:"rgb(0, 153, 153)",298:"rgb(0, 153, 153)",301:"rgb(0, 153, 153)",304:"rgb(0, 153, 153)",317:"rgb(0, 153, 153)",320:"rgb(0, 153, 153)",323:"rgb(0, 153, 153)"}},"children":[ {"text":""},]}, {"text":"\n"}, {"tag":"span","attrib":{style:{1:"rgb(47, 111, 159)",2:"rgb(47, 111, 159)",39:"22.075px 8.5px",55:"rgb(47, 111, 159)",60:"rgb(47, 111, 159)",61:"rgb(47, 111, 159)",116:"22.075px 8.5px",144:"rgb(47, 111, 159)",264:"rgb(47, 111, 159)",271:"rgb(47, 111, 159)",276:"rgb(47, 111, 159)",289:"rgb(47, 111, 159)",295:"rgb(47, 111, 159)",298:"rgb(47, 111, 159)",301:"rgb(47, 111, 159)",304:"rgb(47, 111, 159)",317:"rgb(47, 111, 159)",320:"rgb(47, 111, 159)",323:"rgb(47, 111, 159)"}},"children":[ {"text":""},]}, {"text":"\n "}, {"tag":"span","attrib":{style:{1:"rgb(47, 111, 159)",2:"rgb(47, 111, 159)",39:"29.0417px 8.5px",55:"rgb(47, 111, 159)",60:"rgb(47, 111, 159)",61:"rgb(47, 111, 159)",116:"29.0417px 8.5px",144:"rgb(47, 111, 159)",264:"rgb(47, 111, 159)",271:"rgb(47, 111, 159)",276:"rgb(47, 111, 159)",289:"rgb(47, 111, 159)",295:"rgb(47, 111, 159)",298:"rgb(47, 111, 159)",301:"rgb(47, 111, 159)",304:"rgb(47, 111, 159)",317:"rgb(47, 111, 159)",320:"rgb(47, 111, 159)",323:"rgb(47, 111, 159)"}},"children":[ {"text":""},]}, {"text":"\n "}, {"tag":"span","attrib":{style:{1:"rgb(153, 153, 153)",2:"rgb(153, 153, 153)",39:"98.375px 8.5px",55:"rgb(153, 153, 153)",60:"rgb(153, 153, 153)",61:"rgb(153, 153, 153)",116:"98.375px 8.5px",144:"rgb(153, 153, 153)",264:"rgb(153, 153, 153)",271:"rgb(153, 153, 153)",276:"rgb(153, 153, 153)",289:"rgb(153, 153, 153)",295:"rgb(153, 153, 153)",298:"rgb(153, 153, 153)",301:"rgb(153, 153, 153)",304:"rgb(153, 153, 153)",317:"rgb(153, 153, 153)",320:"rgb(153, 153, 153)",323:"rgb(153, 153, 153)"}},"children":[ {"text":""},]}, {"text":"\n "}, {"tag":"span","attrib":{style:{1:"rgb(47, 111, 159)",2:"rgb(47, 111, 159)",39:"23.6417px 8.5px",55:"rgb(47, 111, 159)",60:"rgb(47, 111, 159)",61:"rgb(47, 111, 159)",116:"23.6417px 8.5px",144:"rgb(47, 111, 159)",264:"rgb(47, 111, 159)",271:"rgb(47, 111, 159)",276:"rgb(47, 111, 159)",289:"rgb(47, 111, 159)",295:"rgb(47, 111, 159)",298:"rgb(47, 111, 159)",301:"rgb(47, 111, 159)",304:"rgb(47, 111, 159)",317:"rgb(47, 111, 159)",320:"rgb(47, 111, 159)",323:"rgb(47, 111, 159)"}},"children":[ {"text":""},]}, {"text":"\n "}, {"tag":"span","attrib":{style:{1:"rgb(47, 111, 159)",2:"rgb(47, 111, 159)",39:"23.6417px 8.5px",55:"rgb(47, 111, 159)",60:"rgb(47, 111, 159)",61:"rgb(47, 111, 159)",116:"23.6417px 8.5px",144:"rgb(47, 111, 159)",264:"rgb(47, 111, 159)",271:"rgb(47, 111, 159)",276:"rgb(47, 111, 159)",289:"rgb(47, 111, 159)",295:"rgb(47, 111, 159)",298:"rgb(47, 111, 159)",301:"rgb(47, 111, 159)",304:"rgb(47, 111, 159)",317:"rgb(47, 111, 159)",320:"rgb(47, 111, 159)",323:"rgb(47, 111, 159)"}},"children":[ {"text":""},]}, {"text":"\n\n "}, {"tag":"span","attrib":{style:{1:"rgb(153, 153, 153)",2:"rgb(153, 153, 153)",39:"80.325px 8.5px",55:"rgb(153, 153, 153)",60:"rgb(153, 153, 153)",61:"rgb(153, 153, 153)",116:"80.325px 8.5px",144:"rgb(153, 153, 153)",264:"rgb(153, 153, 153)",271:"rgb(153, 153, 153)",276:"rgb(153, 153, 153)",289:"rgb(153, 153, 153)",295:"rgb(153, 153, 153)",298:"rgb(153, 153, 153)",301:"rgb(153, 153, 153)",304:"rgb(153, 153, 153)",317:"rgb(153, 153, 153)",320:"rgb(153, 153, 153)",323:"rgb(153, 153, 153)"}},"children":[ {"text":""},]}, {"text":"\n "}, {"tag":"span","attrib":{style:{1:"rgb(47, 111, 159)",2:"rgb(47, 111, 159)",39:"19.1px 8.5px",55:"rgb(47, 111, 159)",60:"rgb(47, 111, 159)",61:"rgb(47, 111, 159)",116:"19.1px 8.5px",144:"rgb(47, 111, 159)",264:"rgb(47, 111, 159)",271:"rgb(47, 111, 159)",276:"rgb(47, 111, 159)",289:"rgb(47, 111, 159)",295:"rgb(47, 111, 159)",298:"rgb(47, 111, 159)",301:"rgb(47, 111, 159)",304:"rgb(47, 111, 159)",317:"rgb(47, 111, 159)",320:"rgb(47, 111, 159)",323:"rgb(47, 111, 159)"}},"children":[ {"text":""},]}, {"text":"\n\n "}, {"tag":"span","attrib":{style:{1:"rgb(47, 111, 159)",2:"rgb(47, 111, 159)",39:"25.9917px 8.5px",55:"rgb(47, 111, 159)",60:"rgb(47, 111, 159)",61:"rgb(47, 111, 159)",116:"25.9917px 8.5px",144:"rgb(47, 111, 159)",264:"rgb(47, 111, 159)",271:"rgb(47, 111, 159)",276:"rgb(47, 111, 159)",289:"rgb(47, 111, 159)",295:"rgb(47, 111, 159)",298:"rgb(47, 111, 159)",301:"rgb(47, 111, 159)",304:"rgb(47, 111, 159)",317:"rgb(47, 111, 159)",320:"rgb(47, 111, 159)",323:"rgb(47, 111, 159)"}},"children":[ {"text":""},]}, {"text":"Hello, world!"}, {"tag":"span","attrib":{style:{1:"rgb(47, 111, 159)",2:"rgb(47, 111, 159)",39:"28.35px 8.5px",55:"rgb(47, 111, 159)",60:"rgb(47, 111, 159)",61:"rgb(47, 111, 159)",116:"28.35px 8.5px",144:"rgb(47, 111, 159)",264:"rgb(47, 111, 159)",271:"rgb(47, 111, 159)",276:"rgb(47, 111, 159)",289:"rgb(47, 111, 159)",295:"rgb(47, 111, 159)",298:"rgb(47, 111, 159)",301:"rgb(47, 111, 159)",304:"rgb(47, 111, 159)",317:"rgb(47, 111, 159)",320:"rgb(47, 111, 159)",323:"rgb(47, 111, 159)"}},"children":[ {"text":""},]}, {"text":"\n "}, {"tag":"span","attrib":{style:{1:"rgb(47, 111, 159)",2:"rgb(47, 111, 159)",39:"31.4px 8.5px",55:"rgb(47, 111, 159)",60:"rgb(47, 111, 159)",61:"rgb(47, 111, 159)",116:"31.4px 8.5px",144:"rgb(47, 111, 159)",264:"rgb(47, 111, 159)",271:"rgb(47, 111, 159)",276:"rgb(47, 111, 159)",289:"rgb(47, 111, 159)",295:"rgb(47, 111, 159)",298:"rgb(47, 111, 159)",301:"rgb(47, 111, 159)",304:"rgb(47, 111, 159)",317:"rgb(47, 111, 159)",320:"rgb(47, 111, 159)",323:"rgb(47, 111, 159)"}},"children":[ {"text":""},]}, {"text":"\n "}, {"tag":"span","attrib":{style:{1:"rgb(47, 111, 159)",2:"rgb(47, 111, 159)",39:"28.875px 8.5px",55:"rgb(47, 111, 159)",60:"rgb(47, 111, 159)",61:"rgb(47, 111, 159)",116:"28.875px 8.5px",144:"rgb(47, 111, 159)",264:"rgb(47, 111, 159)",271:"rgb(47, 111, 159)",276:"rgb(47, 111, 159)",289:"rgb(47, 111, 159)",295:"rgb(47, 111, 159)",298:"rgb(47, 111, 159)",301:"rgb(47, 111, 159)",304:"rgb(47, 111, 159)",317:"rgb(47, 111, 159)",320:"rgb(47, 111, 159)",323:"rgb(47, 111, 159)"}},"children":[ {"text":""},]}, {"text":"\n "}, {"tag":"span","attrib":{style:{1:"rgb(47, 111, 159)",2:"rgb(47, 111, 159)",39:"20.6917px 8.5px",55:"rgb(47, 111, 159)",60:"rgb(47, 111, 159)",61:"rgb(47, 111, 159)",116:"20.6917px 8.5px",144:"rgb(47, 111, 159)",264:"rgb(47, 111, 159)",271:"rgb(47, 111, 159)",276:"rgb(47, 111, 159)",289:"rgb(47, 111, 159)",295:"rgb(47, 111, 159)",298:"rgb(47, 111, 159)",301:"rgb(47, 111, 159)",304:"rgb(47, 111, 159)",317:"rgb(47, 111, 159)",320:"rgb(47, 111, 159)",323:"rgb(47, 111, 159)"}},"children":[ {"text":"

"},]}, {"text":"Hello, world!"}, {"tag":"span","attrib":{style:{1:"rgb(47, 111, 159)",2:"rgb(47, 111, 159)",39:"23.05px 8.5px",55:"rgb(47, 111, 159)",60:"rgb(47, 111, 159)",61:"rgb(47, 111, 159)",116:"23.05px 8.5px",144:"rgb(47, 111, 159)",264:"rgb(47, 111, 159)",271:"rgb(47, 111, 159)",276:"rgb(47, 111, 159)",289:"rgb(47, 111, 159)",295:"rgb(47, 111, 159)",298:"rgb(47, 111, 159)",301:"rgb(47, 111, 159)",304:"rgb(47, 111, 159)",317:"rgb(47, 111, 159)",320:"rgb(47, 111, 159)",323:"rgb(47, 111, 159)"}},"children":[ {"text":"

"},]}, {"text":"\n\n "}, {"tag":"span","attrib":{style:{1:"rgb(153, 153, 153)",2:"rgb(153, 153, 153)",39:"97.8333px 8.5px",55:"rgb(153, 153, 153)",60:"rgb(153, 153, 153)",61:"rgb(153, 153, 153)",116:"97.8333px 8.5px",144:"rgb(153, 153, 153)",264:"rgb(153, 153, 153)",271:"rgb(153, 153, 153)",276:"rgb(153, 153, 153)",289:"rgb(153, 153, 153)",295:"rgb(153, 153, 153)",298:"rgb(153, 153, 153)",301:"rgb(153, 153, 153)",304:"rgb(153, 153, 153)",317:"rgb(153, 153, 153)",320:"rgb(153, 153, 153)",323:"rgb(153, 153, 153)"}},"children":[ {"text":""},]}, {"text":"\n "}, {"tag":"span","attrib":{style:{1:"rgb(153, 153, 153)",2:"rgb(153, 153, 153)",39:"191.225px 8.5px",55:"rgb(153, 153, 153)",60:"rgb(153, 153, 153)",61:"rgb(153, 153, 153)",116:"191.225px 8.5px",144:"rgb(153, 153, 153)",264:"rgb(153, 153, 153)",271:"rgb(153, 153, 153)",276:"rgb(153, 153, 153)",289:"rgb(153, 153, 153)",295:"rgb(153, 153, 153)",298:"rgb(153, 153, 153)",301:"rgb(153, 153, 153)",304:"rgb(153, 153, 153)",317:"rgb(153, 153, 153)",320:"rgb(153, 153, 153)",323:"rgb(153, 153, 153)"}},"children":[ {"text":""},]}, {"text":"\n "}, {"tag":"span","attrib":{style:{1:"rgb(47, 111, 159)",2:"rgb(47, 111, 159)",39:"28.4917px 8.5px",55:"rgb(47, 111, 159)",60:"rgb(47, 111, 159)",61:"rgb(47, 111, 159)",116:"28.4917px 8.5px",144:"rgb(47, 111, 159)",264:"rgb(47, 111, 159)",271:"rgb(47, 111, 159)",276:"rgb(47, 111, 159)",289:"rgb(47, 111, 159)",295:"rgb(47, 111, 159)",298:"rgb(47, 111, 159)",301:"rgb(47, 111, 159)",304:"rgb(47, 111, 159)",317:"rgb(47, 111, 159)",320:"rgb(47, 111, 159)",323:"rgb(47, 111, 159)"}},"children":[ {"text":""},]}, {"text":"\n "}, {"tag":"span","attrib":{style:{1:"rgb(47, 111, 159)",2:"rgb(47, 111, 159)",39:"28.4917px 8.5px",55:"rgb(47, 111, 159)",60:"rgb(47, 111, 159)",61:"rgb(47, 111, 159)",116:"28.4917px 8.5px",144:"rgb(47, 111, 159)",264:"rgb(47, 111, 159)",271:"rgb(47, 111, 159)",276:"rgb(47, 111, 159)",289:"rgb(47, 111, 159)",295:"rgb(47, 111, 159)",298:"rgb(47, 111, 159)",301:"rgb(47, 111, 159)",304:"rgb(47, 111, 159)",317:"rgb(47, 111, 159)",320:"rgb(47, 111, 159)",323:"rgb(47, 111, 159)"}},"children":[ {"text":""},]}, {"text":"\n "}, {"tag":"span","attrib":{style:{1:"rgb(47, 111, 159)",2:"rgb(47, 111, 159)",39:"28.4917px 8.5px",55:"rgb(47, 111, 159)",60:"rgb(47, 111, 159)",61:"rgb(47, 111, 159)",116:"28.4917px 8.5px",144:"rgb(47, 111, 159)",264:"rgb(47, 111, 159)",271:"rgb(47, 111, 159)",276:"rgb(47, 111, 159)",289:"rgb(47, 111, 159)",295:"rgb(47, 111, 159)",298:"rgb(47, 111, 159)",301:"rgb(47, 111, 159)",304:"rgb(47, 111, 159)",317:"rgb(47, 111, 159)",320:"rgb(47, 111, 159)",323:"rgb(47, 111, 159)"}},"children":[ {"text":""},]}, {"text":"\n "}, {"tag":"span","attrib":{style:{1:"rgb(47, 111, 159)",2:"rgb(47, 111, 159)",39:"31.2333px 8.5px",55:"rgb(47, 111, 159)",60:"rgb(47, 111, 159)",61:"rgb(47, 111, 159)",116:"31.2333px 8.5px",144:"rgb(47, 111, 159)",264:"rgb(47, 111, 159)",271:"rgb(47, 111, 159)",276:"rgb(47, 111, 159)",289:"rgb(47, 111, 159)",295:"rgb(47, 111, 159)",298:"rgb(47, 111, 159)",301:"rgb(47, 111, 159)",304:"rgb(47, 111, 159)",317:"rgb(47, 111, 159)",320:"rgb(47, 111, 159)",323:"rgb(47, 111, 159)"}},"children":[ {"text":""},]}, {"text":"\n"}, {"tag":"span","attrib":{style:{1:"rgb(47, 111, 159)",2:"rgb(47, 111, 159)",39:"30.3px 8.5px",55:"rgb(47, 111, 159)",60:"rgb(47, 111, 159)",61:"rgb(47, 111, 159)",116:"30.3px 8.5px",144:"rgb(47, 111, 159)",264:"rgb(47, 111, 159)",271:"rgb(47, 111, 159)",276:"rgb(47, 111, 159)",289:"rgb(47, 111, 159)",295:"rgb(47, 111, 159)",298:"rgb(47, 111, 159)",301:"rgb(47, 111, 159)",304:"rgb(47, 111, 159)",317:"rgb(47, 111, 159)",320:"rgb(47, 111, 159)",323:"rgb(47, 111, 159)"}},"children":[ {"text":""},]},]},]},]}, {"text":"\n\n"}, {"tag":"p","attrib":{style:{15:"1",26:"556.8px",39:"278.4px 36px",43:"auto",110:"auto",114:"static",116:"278.4px 36px",122:"0px",123:"0px",124:"0px",125:"0px",126:"0px",127:"0px",128:"0px",129:"0px",145:"0",154:"0px",155:"0px",156:"0px",157:"0px",158:"80%",159:"80%",182:"16px",184:"16px",192:"auto",197:"auto",198:"auto",199:"auto",200:"auto",201:"556.8px",206:"72px",240:"1",243:"auto",284:"auto",324:"72px"}},"children":[ {"text":"That’s all you need for overall page requirements. Visit the "}, {"tag":"a","attrib":{"href":"/docs/4.0/layout/overview/",style:{1:"rgb(0, 123, 255)",2:"rgb(0, 123, 255)",26:"auto",32:"normal",39:"27.1833px 9.5px",55:"rgb(0, 123, 255)",60:"rgb(0, 123, 255)",61:"rgb(0, 123, 255)",116:"27.1833px 9.5px",144:"rgb(0, 123, 255)",158:"none",159:"none",182:"0px",184:"0px",201:"auto",206:"auto",250:"inline",254:"pointer",264:"rgb(0, 123, 255)",271:"rgb(0, 123, 255)",276:"rgb(0, 123, 255)",289:"rgb(0, 123, 255)",295:"rgb(0, 123, 255)",298:"rgb(0, 123, 255)",301:"rgb(0, 123, 255)",304:"rgb(0, 123, 255)",317:"rgb(0, 123, 255)",320:"rgb(0, 123, 255)",323:"rgb(0, 123, 255)",324:"auto"}},"children":[ {"text":"Layout docs"},]}, {"text":" or "}, {"tag":"a","attrib":{"href":"/docs/4.0/examples/",style:{1:"rgb(0, 123, 255)",2:"rgb(0, 123, 255)",26:"auto",32:"normal",39:"83.3083px 9.5px",55:"rgb(0, 123, 255)",60:"rgb(0, 123, 255)",61:"rgb(0, 123, 255)",116:"83.3083px 9.5px",144:"rgb(0, 123, 255)",158:"none",159:"none",182:"0px",184:"0px",201:"auto",206:"auto",250:"inline",254:"pointer",264:"rgb(0, 123, 255)",271:"rgb(0, 123, 255)",276:"rgb(0, 123, 255)",289:"rgb(0, 123, 255)",295:"rgb(0, 123, 255)",298:"rgb(0, 123, 255)",301:"rgb(0, 123, 255)",304:"rgb(0, 123, 255)",317:"rgb(0, 123, 255)",320:"rgb(0, 123, 255)",323:"rgb(0, 123, 255)",324:"auto"}},"children":[ {"text":"our official examples"},]}, {"text":" to start laying out your site’s content and components."},]}, {"text":"\n\n"}, {"tag":"h2","attrib":{"id":"important-globals",style:{15:"1",26:"696px",39:"348px 67.2px",43:"auto",110:"auto",114:"static",115:"none",116:"348px 67.2px",122:"0px",123:"0px",124:"0px",125:"0px",126:"0px",127:"0px",128:"0px",129:"0px",145:"0",154:"0px",155:"0px",156:"0px",157:"0px",158:"none",159:"none",177:"48px",182:"8px",183:"48px",184:"8px",188:"38.4px",192:"auto",197:"auto",198:"auto",199:"auto",200:"auto",201:"696px",206:"134.4px",217:"500",230:"32px",240:"1",243:"auto",284:"auto",324:"134.4px"}},"children":[ {"tag":"div","attrib":{style:{39:"348px 19.2px",115:"auto",116:"348px 19.2px",177:"0px",182:"0px",183:"0px",184:"0px",206:"38.4px",324:"38.4px"}},"children":[ {"text":"Important globals"}, {"tag":"a","attrib":{"href":"#important-globals","aria-label":"Anchor",style:{1:"rgba(0, 123, 255, 0.5)",2:"rgba(0, 123, 255, 0.5)",26:"auto",32:"normal",34:"linear",35:"color",36:"0.16s",39:"19.4083px 19px",55:"rgba(0, 123, 255, 0.5)",60:"rgba(0, 123, 255, 0.5)",61:"rgba(0, 123, 255, 0.5)",116:"19.4083px 19px",124:"12px",125:"12px",144:"rgba(0, 123, 255, 0.5)",146:"0",201:"auto",206:"auto",217:"400",250:"inline",254:"pointer",264:"rgba(0, 123, 255, 0.5)",271:"rgba(0, 123, 255, 0.5)",276:"rgba(0, 123, 255, 0.5)",289:"rgba(0, 123, 255, 0.5)",295:"rgba(0, 123, 255, 0.5)",298:"rgba(0, 123, 255, 0.5)",301:"rgba(0, 123, 255, 0.5)",304:"rgba(0, 123, 255, 0.5)",317:"rgba(0, 123, 255, 0.5)",320:"rgba(0, 123, 255, 0.5)",323:"rgba(0, 123, 255, 0.5)",324:"auto"}},"children":[]},]},]}, {"text":"\n\n"}, {"tag":"p","attrib":{style:{15:"1",26:"556.8px",39:"278.4px 48px",43:"auto",110:"auto",114:"static",116:"278.4px 48px",122:"0px",123:"0px",124:"0px",125:"0px",126:"0px",127:"0px",128:"0px",129:"0px",145:"0",154:"0px",155:"0px",156:"0px",157:"0px",158:"80%",159:"80%",182:"16px",184:"16px",192:"auto",197:"auto",198:"auto",199:"auto",200:"auto",201:"556.8px",206:"96px",240:"1",243:"auto",284:"auto",324:"96px"}},"children":[ {"text":"Bootstrap employs a handful of important global styles and settings that you’ll need to be aware of when using it, all of which are almost exclusively geared towards the "}, {"tag":"em","attrib":{style:{26:"auto",32:"normal",39:"54.6667px 9.5px",116:"54.6667px 9.5px",158:"none",159:"none",182:"0px",184:"0px",201:"auto",206:"auto",227:"italic",250:"inline",324:"auto"}},"children":[ {"text":"normalization"},]}, {"text":" of cross browser styles. Let’s dive in."},]}, {"text":"\n\n"}, {"tag":"h3","attrib":{"id":"html5-doctype",style:{15:"1",26:"696px",39:"348px 64.8px",43:"auto",110:"auto",114:"static",115:"none",116:"348px 64.8px",122:"0px",123:"0px",124:"0px",125:"0px",126:"0px",127:"0px",128:"0px",129:"0px",145:"0",154:"0px",155:"0px",156:"0px",157:"0px",158:"none",159:"none",177:"24px",182:"8px",183:"24px",184:"8px",188:"33.6px",192:"auto",197:"auto",198:"auto",199:"auto",200:"auto",201:"696px",206:"129.6px",217:"500",230:"28px",240:"1",243:"auto",284:"auto",324:"129.6px"}},"children":[ {"tag":"div","attrib":{style:{39:"348px 16.8px",115:"auto",116:"348px 16.8px",177:"0px",182:"0px",183:"0px",184:"0px",206:"33.6px",324:"33.6px"}},"children":[ {"text":"HTML5 doctype"}, {"tag":"a","attrib":{"href":"#html5-doctype","aria-label":"Anchor",style:{1:"rgba(0, 123, 255, 0.5)",2:"rgba(0, 123, 255, 0.5)",26:"auto",32:"normal",34:"linear",35:"color",36:"0.16s",39:"16.9833px 16.5px",55:"rgba(0, 123, 255, 0.5)",60:"rgba(0, 123, 255, 0.5)",61:"rgba(0, 123, 255, 0.5)",116:"16.9833px 16.5px",124:"10.5px",125:"10.5px",144:"rgba(0, 123, 255, 0.5)",146:"0",201:"auto",206:"auto",217:"400",250:"inline",254:"pointer",264:"rgba(0, 123, 255, 0.5)",271:"rgba(0, 123, 255, 0.5)",276:"rgba(0, 123, 255, 0.5)",289:"rgba(0, 123, 255, 0.5)",295:"rgba(0, 123, 255, 0.5)",298:"rgba(0, 123, 255, 0.5)",301:"rgba(0, 123, 255, 0.5)",304:"rgba(0, 123, 255, 0.5)",317:"rgba(0, 123, 255, 0.5)",320:"rgba(0, 123, 255, 0.5)",323:"rgba(0, 123, 255, 0.5)",324:"auto"}},"children":[]},]},]}, {"text":"\n\n"}, {"tag":"p","attrib":{style:{15:"1",26:"556.8px",39:"278.4px 36px",43:"auto",110:"auto",114:"static",116:"278.4px 36px",122:"0px",123:"0px",124:"0px",125:"0px",126:"0px",127:"0px",128:"0px",129:"0px",145:"0",154:"0px",155:"0px",156:"0px",157:"0px",158:"80%",159:"80%",182:"16px",184:"16px",192:"auto",197:"auto",198:"auto",199:"auto",200:"auto",201:"556.8px",206:"72px",240:"1",243:"auto",284:"auto",324:"72px"}},"children":[ {"text":"Bootstrap requires the use of the HTML5 doctype. Without it, you’ll see some funky incomplete styling, but including it shouldn’t cause any considerable hiccups."},]}, {"text":"\n\n"}, {"tag":"div","attrib":{style:{15:"1",26:"0px",39:"0px 0px",116:"0px 0px",122:"0px",123:"0px",124:"0px",125:"0px",126:"0px",127:"0px",128:"0px",129:"0px",145:"0",154:"0px",155:"0px",156:"0px",157:"0px",158:"none",159:"none",201:"0px",206:"0px",238:"right",240:"1",243:"auto",324:"0px"}},"children":[ {"tag":"button","attrib":{"title":"",style:{1:"rgb(129, 138, 145)",2:"rgb(129, 138, 145)",19:"10",26:"46.45px",31:"none",32:"normal",39:"23.225px 13px",43:"8px",55:"rgb(129, 138, 145)",60:"rgb(129, 138, 145)",61:"rgb(129, 138, 145)",65:"center",110:"8px",114:"absolute",116:"23.225px 13px",122:"4px",123:"8px",124:"8px",125:"8px",126:"8px",127:"4px",128:"4px",129:"4px",144:"rgb(129, 138, 145)",188:"18px",192:"-54.45px",197:"-54.45px",198:"8px",199:"8px",200:"-34px",201:"46.45px",206:"26px",230:"12px",238:"none",254:"pointer",264:"rgb(129, 138, 145)",271:"rgb(129, 138, 145)",276:"rgb(129, 138, 145)",284:"-34px",287:"4px",288:"4px",289:"rgb(129, 138, 145)",290:"4px",291:"4px",295:"rgb(129, 138, 145)",298:"rgb(129, 138, 145)",301:"rgb(129, 138, 145)",304:"rgb(129, 138, 145)",310:"4px",311:"4px",315:"4px",316:"4px",317:"rgb(129, 138, 145)",320:"rgb(129, 138, 145)",323:"rgb(129, 138, 145)",324:"26px",338:"button"}},"children":[ {"text":"Copy"},]},]}, {"tag":"figure","attrib":{style:{15:"1",26:"696px",39:"348px 66px",43:"auto",110:"auto",114:"static",116:"348px 66px",122:"24px",123:"24px",124:"24px",125:"24px",126:"24px",127:"24px",128:"24px",129:"24px",145:"0",154:"0px",155:"0px",156:"0px",157:"0px",158:"none",159:"none",182:"16px",184:"16px",192:"auto",197:"auto",198:"auto",199:"auto",200:"auto",201:"696px",206:"132px",240:"1",243:"auto",284:"auto",324:"132px",332:"rgb(247, 247, 249)"}},"children":[ {"tag":"pre","attrib":{style:{26:"648px",27:"pre",39:"324px 42px",116:"324px 42px",122:"0px",123:"0px",124:"0px",125:"0px",126:"0px",127:"0px",128:"0px",129:"0px",134:"auto",135:"auto",137:"auto",138:"auto",140:"auto",182:"0px",184:"0px",188:"21px",201:"648px",206:"84px",230:"14px",235:"Courier",324:"84px",332:"rgba(0, 0, 0, 0)"}},"children":[ {"tag":"code","attrib":{style:{26:"auto",32:"normal",39:"61px 8.5px",116:"61px 8.5px",134:"visible",135:"visible",137:"visible",138:"visible",140:"visible",201:"auto",206:"auto",250:"inline",324:"auto"}},"children":[ {"tag":"span","attrib":{style:{1:"rgb(0, 153, 153)",2:"rgb(0, 153, 153)",55:"rgb(0, 153, 153)",60:"rgb(0, 153, 153)",61:"rgb(0, 153, 153)",144:"rgb(0, 153, 153)",264:"rgb(0, 153, 153)",271:"rgb(0, 153, 153)",276:"rgb(0, 153, 153)",289:"rgb(0, 153, 153)",295:"rgb(0, 153, 153)",298:"rgb(0, 153, 153)",301:"rgb(0, 153, 153)",304:"rgb(0, 153, 153)",317:"rgb(0, 153, 153)",320:"rgb(0, 153, 153)",323:"rgb(0, 153, 153)"}},"children":[ {"text":""},]}, {"text":"\n"}, {"tag":"span","attrib":{style:{1:"rgb(47, 111, 159)",2:"rgb(47, 111, 159)",39:"22.075px 8.5px",55:"rgb(47, 111, 159)",60:"rgb(47, 111, 159)",61:"rgb(47, 111, 159)",116:"22.075px 8.5px",144:"rgb(47, 111, 159)",264:"rgb(47, 111, 159)",271:"rgb(47, 111, 159)",276:"rgb(47, 111, 159)",289:"rgb(47, 111, 159)",295:"rgb(47, 111, 159)",298:"rgb(47, 111, 159)",301:"rgb(47, 111, 159)",304:"rgb(47, 111, 159)",317:"rgb(47, 111, 159)",320:"rgb(47, 111, 159)",323:"rgb(47, 111, 159)"}},"children":[ {"text":""},]}, {"text":"\n ...\n"}, {"tag":"span","attrib":{style:{1:"rgb(47, 111, 159)",2:"rgb(47, 111, 159)",39:"30.3px 8.5px",55:"rgb(47, 111, 159)",60:"rgb(47, 111, 159)",61:"rgb(47, 111, 159)",116:"30.3px 8.5px",144:"rgb(47, 111, 159)",264:"rgb(47, 111, 159)",271:"rgb(47, 111, 159)",276:"rgb(47, 111, 159)",289:"rgb(47, 111, 159)",295:"rgb(47, 111, 159)",298:"rgb(47, 111, 159)",301:"rgb(47, 111, 159)",304:"rgb(47, 111, 159)",317:"rgb(47, 111, 159)",320:"rgb(47, 111, 159)",323:"rgb(47, 111, 159)"}},"children":[ {"text":""},]},]},]},]}, {"text":"\n\n"}, {"tag":"h3","attrib":{"id":"responsive-meta-tag",style:{15:"1",26:"696px",39:"348px 64.8px",43:"auto",110:"auto",114:"static",115:"none",116:"348px 64.8px",122:"0px",123:"0px",124:"0px",125:"0px",126:"0px",127:"0px",128:"0px",129:"0px",145:"0",154:"0px",155:"0px",156:"0px",157:"0px",158:"none",159:"none",177:"24px",182:"8px",183:"24px",184:"8px",188:"33.6px",192:"auto",197:"auto",198:"auto",199:"auto",200:"auto",201:"696px",206:"129.6px",217:"500",230:"28px",240:"1",243:"auto",284:"auto",324:"129.6px"}},"children":[ {"tag":"div","attrib":{style:{39:"348px 16.8px",115:"auto",116:"348px 16.8px",177:"0px",182:"0px",183:"0px",184:"0px",206:"33.6px",324:"33.6px"}},"children":[ {"text":"Responsive meta tag"}, {"tag":"a","attrib":{"href":"#responsive-meta-tag","aria-label":"Anchor",style:{1:"rgba(0, 123, 255, 0.5)",2:"rgba(0, 123, 255, 0.5)",26:"auto",32:"normal",34:"linear",35:"color",36:"0.16s",39:"16.9833px 16.5px",55:"rgba(0, 123, 255, 0.5)",60:"rgba(0, 123, 255, 0.5)",61:"rgba(0, 123, 255, 0.5)",116:"16.9833px 16.5px",124:"10.5px",125:"10.5px",144:"rgba(0, 123, 255, 0.5)",146:"0",201:"auto",206:"auto",217:"400",250:"inline",254:"pointer",264:"rgba(0, 123, 255, 0.5)",271:"rgba(0, 123, 255, 0.5)",276:"rgba(0, 123, 255, 0.5)",289:"rgba(0, 123, 255, 0.5)",295:"rgba(0, 123, 255, 0.5)",298:"rgba(0, 123, 255, 0.5)",301:"rgba(0, 123, 255, 0.5)",304:"rgba(0, 123, 255, 0.5)",317:"rgba(0, 123, 255, 0.5)",320:"rgba(0, 123, 255, 0.5)",323:"rgba(0, 123, 255, 0.5)",324:"auto"}},"children":[]},]},]}, {"text":"\n\n"}, {"tag":"p","attrib":{style:{15:"1",26:"556.8px",39:"278.4px 60px",43:"auto",110:"auto",114:"static",116:"278.4px 60px",122:"0px",123:"0px",124:"0px",125:"0px",126:"0px",127:"0px",128:"0px",129:"0px",145:"0",154:"0px",155:"0px",156:"0px",157:"0px",158:"80%",159:"80%",182:"16px",184:"16px",192:"auto",197:"auto",198:"auto",199:"auto",200:"auto",201:"556.8px",206:"120px",240:"1",243:"auto",284:"auto",324:"120px"}},"children":[ {"text":"Bootstrap is developed "}, {"tag":"em","attrib":{style:{26:"auto",32:"normal",39:"45.3083px 9.5px",116:"45.3083px 9.5px",158:"none",159:"none",182:"0px",184:"0px",201:"auto",206:"auto",227:"italic",250:"inline",324:"auto"}},"children":[ {"text":"mobile first"},]}, {"text":", a strategy in which we optimize code for mobile devices first and then scale up components as necessary using CSS media queries. To ensure proper rendering and touch zooming for all devices, "}, {"tag":"strong","attrib":{style:{26:"auto",32:"normal",39:"154.858px 9.5px",116:"154.858px 9.5px",158:"none",159:"none",182:"0px",184:"0px",201:"auto",206:"auto",217:"700",250:"inline",324:"auto"}},"children":[ {"text":"add the responsive viewport meta tag"},]}, {"text":" to your "}, {"tag":"code","attrib":{style:{1:"rgb(232, 62, 140)",2:"rgb(232, 62, 140)",24:"break-word",26:"auto",32:"normal",39:"29.0417px 8.5px",55:"rgb(232, 62, 140)",60:"rgb(232, 62, 140)",61:"rgb(232, 62, 140)",116:"29.0417px 8.5px",144:"rgb(232, 62, 140)",158:"none",159:"none",182:"0px",184:"0px",188:"21px",201:"auto",206:"auto",230:"14px",235:"Courier",250:"inline",264:"rgb(232, 62, 140)",271:"rgb(232, 62, 140)",276:"rgb(232, 62, 140)",289:"rgb(232, 62, 140)",295:"rgb(232, 62, 140)",298:"rgb(232, 62, 140)",301:"rgb(232, 62, 140)",304:"rgb(232, 62, 140)",317:"rgb(232, 62, 140)",320:"rgb(232, 62, 140)",323:"rgb(232, 62, 140)",324:"auto"}},"children":[ {"text":""},]}, {"text":"."},]}, {"text":"\n\n"}, {"tag":"div","attrib":{style:{15:"1",26:"0px",39:"0px 0px",116:"0px 0px",122:"0px",123:"0px",124:"0px",125:"0px",126:"0px",127:"0px",128:"0px",129:"0px",145:"0",154:"0px",155:"0px",156:"0px",157:"0px",158:"none",159:"none",201:"0px",206:"0px",238:"right",240:"1",243:"auto",324:"0px"}},"children":[ {"tag":"button","attrib":{"title":"",style:{1:"rgb(129, 138, 145)",2:"rgb(129, 138, 145)",19:"10",26:"46.45px",31:"none",32:"normal",39:"23.225px 13px",43:"8px",55:"rgb(129, 138, 145)",60:"rgb(129, 138, 145)",61:"rgb(129, 138, 145)",65:"center",110:"8px",114:"absolute",116:"23.225px 13px",122:"4px",123:"8px",124:"8px",125:"8px",126:"8px",127:"4px",128:"4px",129:"4px",144:"rgb(129, 138, 145)",188:"18px",192:"-54.45px",197:"-54.45px",198:"8px",199:"8px",200:"-34px",201:"46.45px",206:"26px",230:"12px",238:"none",254:"pointer",264:"rgb(129, 138, 145)",271:"rgb(129, 138, 145)",276:"rgb(129, 138, 145)",284:"-34px",287:"4px",288:"4px",289:"rgb(129, 138, 145)",290:"4px",291:"4px",295:"rgb(129, 138, 145)",298:"rgb(129, 138, 145)",301:"rgb(129, 138, 145)",304:"rgb(129, 138, 145)",310:"4px",311:"4px",315:"4px",316:"4px",317:"rgb(129, 138, 145)",320:"rgb(129, 138, 145)",323:"rgb(129, 138, 145)",324:"26px",338:"button"}},"children":[ {"text":"Copy"},]},]}, {"tag":"figure","attrib":{style:{15:"1",26:"696px",39:"348px 34.5px",43:"auto",110:"auto",114:"static",116:"348px 34.5px",122:"24px",123:"24px",124:"24px",125:"24px",126:"24px",127:"24px",128:"24px",129:"24px",145:"0",154:"0px",155:"0px",156:"0px",157:"0px",158:"none",159:"none",182:"16px",184:"16px",192:"auto",197:"auto",198:"auto",199:"auto",200:"auto",201:"696px",206:"69px",240:"1",243:"auto",284:"auto",324:"69px",332:"rgb(247, 247, 249)"}},"children":[ {"tag":"pre","attrib":{style:{26:"648px",27:"pre",39:"324px 10.5px",116:"324px 10.5px",122:"0px",123:"0px",124:"0px",125:"0px",126:"0px",127:"0px",128:"0px",129:"0px",134:"auto",135:"auto",137:"auto",138:"auto",140:"auto",182:"0px",184:"0px",188:"21px",201:"648px",206:"21px",230:"14px",235:"Courier",324:"21px",332:"rgba(0, 0, 0, 0)"}},"children":[ {"tag":"code","attrib":{style:{26:"auto",32:"normal",39:"323.625px 8.5px",116:"323.625px 8.5px",134:"visible",135:"visible",137:"visible",138:"visible",140:"visible",201:"auto",206:"auto",250:"inline",324:"auto"}},"children":[ {"tag":"span","attrib":{style:{1:"rgb(47, 111, 159)",2:"rgb(47, 111, 159)",39:"23.6417px 8.5px",55:"rgb(47, 111, 159)",60:"rgb(47, 111, 159)",61:"rgb(47, 111, 159)",116:"23.6417px 8.5px",144:"rgb(47, 111, 159)",264:"rgb(47, 111, 159)",271:"rgb(47, 111, 159)",276:"rgb(47, 111, 159)",289:"rgb(47, 111, 159)",295:"rgb(47, 111, 159)",298:"rgb(47, 111, 159)",301:"rgb(47, 111, 159)",304:"rgb(47, 111, 159)",317:"rgb(47, 111, 159)",320:"rgb(47, 111, 159)",323:"rgb(47, 111, 159)"}},"children":[ {"text":""},]},]},]},]}, {"text":"\n\n"}, {"tag":"p","attrib":{style:{15:"1",26:"556.8px",39:"278.4px 12px",43:"auto",110:"auto",114:"static",116:"278.4px 12px",122:"0px",123:"0px",124:"0px",125:"0px",126:"0px",127:"0px",128:"0px",129:"0px",145:"0",154:"0px",155:"0px",156:"0px",157:"0px",158:"80%",159:"80%",182:"16px",184:"16px",192:"auto",197:"auto",198:"auto",199:"auto",200:"auto",201:"556.8px",206:"24px",240:"1",243:"auto",284:"auto",324:"24px"}},"children":[ {"text":"You can see an example of this in action in the "}, {"tag":"a","attrib":{"href":"#starter-template",style:{1:"rgb(0, 123, 255)",2:"rgb(0, 123, 255)",26:"auto",32:"normal",39:"65.4917px 9.5px",55:"rgb(0, 123, 255)",60:"rgb(0, 123, 255)",61:"rgb(0, 123, 255)",116:"65.4917px 9.5px",144:"rgb(0, 123, 255)",158:"none",159:"none",182:"0px",184:"0px",201:"auto",206:"auto",250:"inline",254:"pointer",264:"rgb(0, 123, 255)",271:"rgb(0, 123, 255)",276:"rgb(0, 123, 255)",289:"rgb(0, 123, 255)",295:"rgb(0, 123, 255)",298:"rgb(0, 123, 255)",301:"rgb(0, 123, 255)",304:"rgb(0, 123, 255)",317:"rgb(0, 123, 255)",320:"rgb(0, 123, 255)",323:"rgb(0, 123, 255)",324:"auto"}},"children":[ {"text":"starter template"},]}, {"text":"."},]}, {"text":"\n\n"}, {"tag":"h3","attrib":{"id":"box-sizing",style:{15:"1",26:"696px",39:"348px 64.8px",43:"auto",110:"auto",114:"static",115:"none",116:"348px 64.8px",122:"0px",123:"0px",124:"0px",125:"0px",126:"0px",127:"0px",128:"0px",129:"0px",145:"0",154:"0px",155:"0px",156:"0px",157:"0px",158:"none",159:"none",177:"24px",182:"8px",183:"24px",184:"8px",188:"33.6px",192:"auto",197:"auto",198:"auto",199:"auto",200:"auto",201:"696px",206:"129.6px",217:"500",230:"28px",240:"1",243:"auto",284:"auto",324:"129.6px"}},"children":[ {"tag":"div","attrib":{style:{39:"348px 16.8px",115:"auto",116:"348px 16.8px",177:"0px",182:"0px",183:"0px",184:"0px",206:"33.6px",324:"33.6px"}},"children":[ {"text":"Box-sizing"}, {"tag":"a","attrib":{"href":"#box-sizing","aria-label":"Anchor",style:{1:"rgba(0, 123, 255, 0.5)",2:"rgba(0, 123, 255, 0.5)",26:"auto",32:"normal",34:"linear",35:"color",36:"0.16s",39:"16.9833px 16.5px",55:"rgba(0, 123, 255, 0.5)",60:"rgba(0, 123, 255, 0.5)",61:"rgba(0, 123, 255, 0.5)",116:"16.9833px 16.5px",124:"10.5px",125:"10.5px",144:"rgba(0, 123, 255, 0.5)",146:"0",201:"auto",206:"auto",217:"400",250:"inline",254:"pointer",264:"rgba(0, 123, 255, 0.5)",271:"rgba(0, 123, 255, 0.5)",276:"rgba(0, 123, 255, 0.5)",289:"rgba(0, 123, 255, 0.5)",295:"rgba(0, 123, 255, 0.5)",298:"rgba(0, 123, 255, 0.5)",301:"rgba(0, 123, 255, 0.5)",304:"rgba(0, 123, 255, 0.5)",317:"rgba(0, 123, 255, 0.5)",320:"rgba(0, 123, 255, 0.5)",323:"rgba(0, 123, 255, 0.5)",324:"auto"}},"children":[]},]},]}, {"text":"\n\n"}, {"tag":"p","attrib":{style:{15:"1",26:"556.8px",39:"278.4px 60px",43:"auto",110:"auto",114:"static",116:"278.4px 60px",122:"0px",123:"0px",124:"0px",125:"0px",126:"0px",127:"0px",128:"0px",129:"0px",145:"0",154:"0px",155:"0px",156:"0px",157:"0px",158:"80%",159:"80%",182:"16px",184:"16px",192:"auto",197:"auto",198:"auto",199:"auto",200:"auto",201:"556.8px",206:"120px",240:"1",243:"auto",284:"auto",324:"120px"}},"children":[ {"text":"For more straightforward sizing in CSS, we switch the global "}, {"tag":"code","attrib":{style:{1:"rgb(232, 62, 140)",2:"rgb(232, 62, 140)",24:"break-word",26:"auto",32:"normal",39:"14.8917px 8.5px",55:"rgb(232, 62, 140)",60:"rgb(232, 62, 140)",61:"rgb(232, 62, 140)",116:"14.8917px 8.5px",144:"rgb(232, 62, 140)",158:"none",159:"none",182:"0px",184:"0px",188:"21px",201:"auto",206:"auto",230:"14px",235:"Courier",250:"inline",264:"rgb(232, 62, 140)",271:"rgb(232, 62, 140)",276:"rgb(232, 62, 140)",289:"rgb(232, 62, 140)",295:"rgb(232, 62, 140)",298:"rgb(232, 62, 140)",301:"rgb(232, 62, 140)",304:"rgb(232, 62, 140)",317:"rgb(232, 62, 140)",320:"rgb(232, 62, 140)",323:"rgb(232, 62, 140)",324:"auto"}},"children":[ {"text":"box-sizing"},]}, {"text":" value from "}, {"tag":"code","attrib":{style:{1:"rgb(232, 62, 140)",2:"rgb(232, 62, 140)",24:"break-word",26:"auto",32:"normal",39:"41.9417px 8.5px",55:"rgb(232, 62, 140)",60:"rgb(232, 62, 140)",61:"rgb(232, 62, 140)",116:"41.9417px 8.5px",144:"rgb(232, 62, 140)",158:"none",159:"none",182:"0px",184:"0px",188:"21px",201:"auto",206:"auto",230:"14px",235:"Courier",250:"inline",264:"rgb(232, 62, 140)",271:"rgb(232, 62, 140)",276:"rgb(232, 62, 140)",289:"rgb(232, 62, 140)",295:"rgb(232, 62, 140)",298:"rgb(232, 62, 140)",301:"rgb(232, 62, 140)",304:"rgb(232, 62, 140)",317:"rgb(232, 62, 140)",320:"rgb(232, 62, 140)",323:"rgb(232, 62, 140)",324:"auto"}},"children":[ {"text":"content-box"},]}, {"text":" to "}, {"tag":"code","attrib":{style:{1:"rgb(232, 62, 140)",2:"rgb(232, 62, 140)",24:"break-word",26:"auto",32:"normal",39:"39.0417px 8.5px",55:"rgb(232, 62, 140)",60:"rgb(232, 62, 140)",61:"rgb(232, 62, 140)",116:"39.0417px 8.5px",144:"rgb(232, 62, 140)",158:"none",159:"none",182:"0px",184:"0px",188:"21px",201:"auto",206:"auto",230:"14px",235:"Courier",250:"inline",264:"rgb(232, 62, 140)",271:"rgb(232, 62, 140)",276:"rgb(232, 62, 140)",289:"rgb(232, 62, 140)",295:"rgb(232, 62, 140)",298:"rgb(232, 62, 140)",301:"rgb(232, 62, 140)",304:"rgb(232, 62, 140)",317:"rgb(232, 62, 140)",320:"rgb(232, 62, 140)",323:"rgb(232, 62, 140)",324:"auto"}},"children":[ {"text":"border-box"},]}, {"text":". This ensures "}, {"tag":"code","attrib":{style:{1:"rgb(232, 62, 140)",2:"rgb(232, 62, 140)",24:"break-word",26:"auto",32:"normal",39:"28.8583px 8.5px",55:"rgb(232, 62, 140)",60:"rgb(232, 62, 140)",61:"rgb(232, 62, 140)",116:"28.8583px 8.5px",144:"rgb(232, 62, 140)",158:"none",159:"none",182:"0px",184:"0px",188:"21px",201:"auto",206:"auto",230:"14px",235:"Courier",250:"inline",264:"rgb(232, 62, 140)",271:"rgb(232, 62, 140)",276:"rgb(232, 62, 140)",289:"rgb(232, 62, 140)",295:"rgb(232, 62, 140)",298:"rgb(232, 62, 140)",301:"rgb(232, 62, 140)",304:"rgb(232, 62, 140)",317:"rgb(232, 62, 140)",320:"rgb(232, 62, 140)",323:"rgb(232, 62, 140)",324:"auto"}},"children":[ {"text":"padding"},]}, {"text":" does not affect the final computed width of an element, but it can cause problems with some third party software like Google Maps and Google Custom Search Engine."},]}, {"text":"\n\n"}, {"tag":"p","attrib":{style:{15:"1",26:"556.8px",39:"278.4px 24px",43:"auto",110:"auto",114:"static",116:"278.4px 24px",122:"0px",123:"0px",124:"0px",125:"0px",126:"0px",127:"0px",128:"0px",129:"0px",145:"0",154:"0px",155:"0px",156:"0px",157:"0px",158:"80%",159:"80%",182:"16px",184:"16px",192:"auto",197:"auto",198:"auto",199:"auto",200:"auto",201:"556.8px",206:"48px",240:"1",243:"auto",284:"auto",324:"48px"}},"children":[ {"text":"On the rare occasion you need to override it, use something like the following:"},]}, {"text":"\n\n"}, {"tag":"div","attrib":{style:{15:"1",26:"0px",39:"0px 0px",116:"0px 0px",122:"0px",123:"0px",124:"0px",125:"0px",126:"0px",127:"0px",128:"0px",129:"0px",145:"0",154:"0px",155:"0px",156:"0px",157:"0px",158:"none",159:"none",201:"0px",206:"0px",238:"right",240:"1",243:"auto",324:"0px"}},"children":[ {"tag":"button","attrib":{"title":"",style:{1:"rgb(129, 138, 145)",2:"rgb(129, 138, 145)",19:"10",26:"46.45px",31:"none",32:"normal",39:"23.225px 13px",43:"8px",55:"rgb(129, 138, 145)",60:"rgb(129, 138, 145)",61:"rgb(129, 138, 145)",65:"center",110:"8px",114:"absolute",116:"23.225px 13px",122:"4px",123:"8px",124:"8px",125:"8px",126:"8px",127:"4px",128:"4px",129:"4px",144:"rgb(129, 138, 145)",188:"18px",192:"-54.45px",197:"-54.45px",198:"8px",199:"8px",200:"-34px",201:"46.45px",206:"26px",230:"12px",238:"none",254:"pointer",264:"rgb(129, 138, 145)",271:"rgb(129, 138, 145)",276:"rgb(129, 138, 145)",284:"-34px",287:"4px",288:"4px",289:"rgb(129, 138, 145)",290:"4px",291:"4px",295:"rgb(129, 138, 145)",298:"rgb(129, 138, 145)",301:"rgb(129, 138, 145)",304:"rgb(129, 138, 145)",310:"4px",311:"4px",315:"4px",316:"4px",317:"rgb(129, 138, 145)",320:"rgb(129, 138, 145)",323:"rgb(129, 138, 145)",324:"26px",338:"button"}},"children":[ {"text":"Copy"},]},]}, {"tag":"figure","attrib":{style:{15:"1",26:"696px",39:"348px 55.5px",43:"auto",110:"auto",114:"static",116:"348px 55.5px",122:"24px",123:"24px",124:"24px",125:"24px",126:"24px",127:"24px",128:"24px",129:"24px",145:"0",154:"0px",155:"0px",156:"0px",157:"0px",158:"none",159:"none",182:"16px",184:"16px",192:"auto",197:"auto",198:"auto",199:"auto",200:"auto",201:"696px",206:"111px",240:"1",243:"auto",284:"auto",324:"111px",332:"rgb(247, 247, 249)"}},"children":[ {"tag":"pre","attrib":{style:{26:"648px",27:"pre",39:"324px 31.5px",116:"324px 31.5px",122:"0px",123:"0px",124:"0px",125:"0px",126:"0px",127:"0px",128:"0px",129:"0px",134:"auto",135:"auto",137:"auto",138:"auto",140:"auto",182:"0px",184:"0px",188:"21px",201:"648px",206:"63px",230:"14px",235:"Courier",324:"63px",332:"rgba(0, 0, 0, 0)"}},"children":[ {"tag":"code","attrib":{style:{26:"auto",32:"normal",39:"97.325px 8.5px",116:"97.325px 8.5px",134:"visible",135:"visible",137:"visible",138:"visible",140:"visible",201:"auto",206:"auto",250:"inline",324:"auto"}},"children":[ {"tag":"span","attrib":{style:{1:"rgb(0, 170, 136)",2:"rgb(0, 170, 136)",39:"90.65px 8.5px",55:"rgb(0, 170, 136)",60:"rgb(0, 170, 136)",61:"rgb(0, 170, 136)",116:"90.65px 8.5px",144:"rgb(0, 170, 136)",264:"rgb(0, 170, 136)",271:"rgb(0, 170, 136)",276:"rgb(0, 170, 136)",289:"rgb(0, 170, 136)",295:"rgb(0, 170, 136)",298:"rgb(0, 170, 136)",301:"rgb(0, 170, 136)",304:"rgb(0, 170, 136)",317:"rgb(0, 170, 136)",320:"rgb(0, 170, 136)",323:"rgb(0, 170, 136)"}},"children":[ {"text":".selector-for-some-widget"},]}, {"text":" "}, {"tag":"span","attrib":{style:{39:"4.45px 8.5px",116:"4.45px 8.5px"}},"children":[ {"text":"{"},]}, {"text":"\n "}, {"tag":"span","attrib":{style:{1:"rgb(153, 153, 255)",2:"rgb(153, 153, 255)",39:"35.65px 8.5px",55:"rgb(153, 153, 255)",60:"rgb(153, 153, 255)",61:"rgb(153, 153, 255)",116:"35.65px 8.5px",144:"rgb(153, 153, 255)",264:"rgb(153, 153, 255)",271:"rgb(153, 153, 255)",276:"rgb(153, 153, 255)",289:"rgb(153, 153, 255)",295:"rgb(153, 153, 255)",298:"rgb(153, 153, 255)",301:"rgb(153, 153, 255)",304:"rgb(153, 153, 255)",317:"rgb(153, 153, 255)",320:"rgb(153, 153, 255)",323:"rgb(153, 153, 255)"}},"children":[ {"text":"box-sizing"},]}, {"tag":"span","attrib":{style:{39:"2.35833px 8.5px",116:"2.35833px 8.5px"}},"children":[ {"text":":"},]}, {"text":" "}, {"tag":"span","attrib":{style:{39:"41.9417px 8.5px",116:"41.9417px 8.5px"}},"children":[ {"text":"content-box"},]}, {"tag":"span","attrib":{style:{39:"2.35833px 8.5px",116:"2.35833px 8.5px"}},"children":[ {"text":";"},]}, {"text":"\n"}, {"tag":"span","attrib":{style:{39:"4.45px 8.5px",116:"4.45px 8.5px"}},"children":[ {"text":"}"},]},]},]},]}, {"text":"\n\n"}, {"tag":"p","attrib":{style:{15:"1",26:"556.8px",39:"278.4px 36px",43:"auto",110:"auto",114:"static",116:"278.4px 36px",122:"0px",123:"0px",124:"0px",125:"0px",126:"0px",127:"0px",128:"0px",129:"0px",145:"0",154:"0px",155:"0px",156:"0px",157:"0px",158:"80%",159:"80%",182:"16px",184:"16px",192:"auto",197:"auto",198:"auto",199:"auto",200:"auto",201:"556.8px",206:"72px",240:"1",243:"auto",284:"auto",324:"72px"}},"children":[ {"text":"With the above snippet, nested elements—including generated content via "}, {"tag":"code","attrib":{style:{1:"rgb(232, 62, 140)",2:"rgb(232, 62, 140)",24:"break-word",26:"auto",32:"normal",39:"27.6417px 8.5px",55:"rgb(232, 62, 140)",60:"rgb(232, 62, 140)",61:"rgb(232, 62, 140)",116:"27.6417px 8.5px",144:"rgb(232, 62, 140)",158:"none",159:"none",182:"0px",184:"0px",188:"21px",201:"auto",206:"auto",230:"14px",235:"Courier",250:"inline",264:"rgb(232, 62, 140)",271:"rgb(232, 62, 140)",276:"rgb(232, 62, 140)",289:"rgb(232, 62, 140)",295:"rgb(232, 62, 140)",298:"rgb(232, 62, 140)",301:"rgb(232, 62, 140)",304:"rgb(232, 62, 140)",317:"rgb(232, 62, 140)",320:"rgb(232, 62, 140)",323:"rgb(232, 62, 140)",324:"auto"}},"children":[ {"text":"::before"},]}, {"text":" and "}, {"tag":"code","attrib":{style:{1:"rgb(232, 62, 140)",2:"rgb(232, 62, 140)",24:"break-word",26:"auto",32:"normal",39:"21.7917px 8.5px",55:"rgb(232, 62, 140)",60:"rgb(232, 62, 140)",61:"rgb(232, 62, 140)",116:"21.7917px 8.5px",144:"rgb(232, 62, 140)",158:"none",159:"none",182:"0px",184:"0px",188:"21px",201:"auto",206:"auto",230:"14px",235:"Courier",250:"inline",264:"rgb(232, 62, 140)",271:"rgb(232, 62, 140)",276:"rgb(232, 62, 140)",289:"rgb(232, 62, 140)",295:"rgb(232, 62, 140)",298:"rgb(232, 62, 140)",301:"rgb(232, 62, 140)",304:"rgb(232, 62, 140)",317:"rgb(232, 62, 140)",320:"rgb(232, 62, 140)",323:"rgb(232, 62, 140)",324:"auto"}},"children":[ {"text":"::after"},]}, {"text":"—will all inherit the specified "}, {"tag":"code","attrib":{style:{1:"rgb(232, 62, 140)",2:"rgb(232, 62, 140)",24:"break-word",26:"auto",32:"normal",39:"35.65px 8.5px",55:"rgb(232, 62, 140)",60:"rgb(232, 62, 140)",61:"rgb(232, 62, 140)",116:"35.65px 8.5px",144:"rgb(232, 62, 140)",158:"none",159:"none",182:"0px",184:"0px",188:"21px",201:"auto",206:"auto",230:"14px",235:"Courier",250:"inline",264:"rgb(232, 62, 140)",271:"rgb(232, 62, 140)",276:"rgb(232, 62, 140)",289:"rgb(232, 62, 140)",295:"rgb(232, 62, 140)",298:"rgb(232, 62, 140)",301:"rgb(232, 62, 140)",304:"rgb(232, 62, 140)",317:"rgb(232, 62, 140)",320:"rgb(232, 62, 140)",323:"rgb(232, 62, 140)",324:"auto"}},"children":[ {"text":"box-sizing"},]}, {"text":" for that "}, {"tag":"code","attrib":{style:{1:"rgb(232, 62, 140)",2:"rgb(232, 62, 140)",24:"break-word",26:"auto",32:"normal",39:"90.65px 8.5px",55:"rgb(232, 62, 140)",60:"rgb(232, 62, 140)",61:"rgb(232, 62, 140)",116:"90.65px 8.5px",144:"rgb(232, 62, 140)",158:"none",159:"none",182:"0px",184:"0px",188:"21px",201:"auto",206:"auto",230:"14px",235:"Courier",250:"inline",264:"rgb(232, 62, 140)",271:"rgb(232, 62, 140)",276:"rgb(232, 62, 140)",289:"rgb(232, 62, 140)",295:"rgb(232, 62, 140)",298:"rgb(232, 62, 140)",301:"rgb(232, 62, 140)",304:"rgb(232, 62, 140)",317:"rgb(232, 62, 140)",320:"rgb(232, 62, 140)",323:"rgb(232, 62, 140)",324:"auto"}},"children":[ {"text":".selector-for-some-widget"},]}, {"text":"."},]}, {"text":"\n\n"}, {"tag":"p","attrib":{style:{15:"1",26:"556.8px",39:"278.4px 12px",43:"auto",110:"auto",114:"static",116:"278.4px 12px",122:"0px",123:"0px",124:"0px",125:"0px",126:"0px",127:"0px",128:"0px",129:"0px",145:"0",154:"0px",155:"0px",156:"0px",157:"0px",158:"80%",159:"80%",182:"16px",184:"16px",192:"auto",197:"auto",198:"auto",199:"auto",200:"auto",201:"556.8px",206:"24px",240:"1",243:"auto",284:"auto",324:"24px"}},"children":[ {"text":"Learn more about "}, {"tag":"a","attrib":{"href":"https://css-tricks.com/box-sizing/",style:{1:"rgb(0, 123, 255)",2:"rgb(0, 123, 255)",26:"auto",32:"normal",39:"138.808px 9.5px",55:"rgb(0, 123, 255)",60:"rgb(0, 123, 255)",61:"rgb(0, 123, 255)",116:"138.808px 9.5px",144:"rgb(0, 123, 255)",158:"none",159:"none",182:"0px",184:"0px",201:"auto",206:"auto",250:"inline",254:"pointer",264:"rgb(0, 123, 255)",271:"rgb(0, 123, 255)",276:"rgb(0, 123, 255)",289:"rgb(0, 123, 255)",295:"rgb(0, 123, 255)",298:"rgb(0, 123, 255)",301:"rgb(0, 123, 255)",304:"rgb(0, 123, 255)",317:"rgb(0, 123, 255)",320:"rgb(0, 123, 255)",323:"rgb(0, 123, 255)",324:"auto"}},"children":[ {"text":"box model and sizing at CSS Tricks"},]}, {"text":"."},]}, {"text":"\n\n"}, {"tag":"h3","attrib":{"id":"reboot",style:{15:"1",26:"696px",39:"348px 64.8px",43:"auto",110:"auto",114:"static",115:"none",116:"348px 64.8px",122:"0px",123:"0px",124:"0px",125:"0px",126:"0px",127:"0px",128:"0px",129:"0px",145:"0",154:"0px",155:"0px",156:"0px",157:"0px",158:"none",159:"none",177:"24px",182:"8px",183:"24px",184:"8px",188:"33.6px",192:"auto",197:"auto",198:"auto",199:"auto",200:"auto",201:"696px",206:"129.6px",217:"500",230:"28px",240:"1",243:"auto",284:"auto",324:"129.6px"}},"children":[ {"tag":"div","attrib":{style:{39:"348px 16.8px",115:"auto",116:"348px 16.8px",177:"0px",182:"0px",183:"0px",184:"0px",206:"33.6px",324:"33.6px"}},"children":[ {"text":"Reboot"}, {"tag":"a","attrib":{"href":"#reboot","aria-label":"Anchor",style:{1:"rgba(0, 123, 255, 0.5)",2:"rgba(0, 123, 255, 0.5)",26:"auto",32:"normal",34:"linear",35:"color",36:"0.16s",39:"16.9833px 16.5px",55:"rgba(0, 123, 255, 0.5)",60:"rgba(0, 123, 255, 0.5)",61:"rgba(0, 123, 255, 0.5)",116:"16.9833px 16.5px",124:"10.5px",125:"10.5px",144:"rgba(0, 123, 255, 0.5)",146:"0",201:"auto",206:"auto",217:"400",250:"inline",254:"pointer",264:"rgba(0, 123, 255, 0.5)",271:"rgba(0, 123, 255, 0.5)",276:"rgba(0, 123, 255, 0.5)",289:"rgba(0, 123, 255, 0.5)",295:"rgba(0, 123, 255, 0.5)",298:"rgba(0, 123, 255, 0.5)",301:"rgba(0, 123, 255, 0.5)",304:"rgba(0, 123, 255, 0.5)",317:"rgba(0, 123, 255, 0.5)",320:"rgba(0, 123, 255, 0.5)",323:"rgba(0, 123, 255, 0.5)",324:"auto"}},"children":[]},]},]}, {"text":"\n\n"}, {"tag":"p","attrib":{style:{15:"1",26:"556.8px",39:"278.4px 36px",43:"auto",110:"auto",114:"static",116:"278.4px 36px",122:"0px",123:"0px",124:"0px",125:"0px",126:"0px",127:"0px",128:"0px",129:"0px",145:"0",154:"0px",155:"0px",156:"0px",157:"0px",158:"80%",159:"80%",182:"16px",184:"16px",192:"auto",197:"auto",198:"auto",199:"auto",200:"auto",201:"556.8px",206:"72px",240:"1",243:"auto",284:"auto",324:"72px"}},"children":[ {"text":"For improved cross-browser rendering, we use "}, {"tag":"a","attrib":{"href":"/docs/4.0/content/reboot/",style:{1:"rgb(0, 123, 255)",2:"rgb(0, 123, 255)",26:"auto",32:"normal",39:"28.1167px 9.5px",55:"rgb(0, 123, 255)",60:"rgb(0, 123, 255)",61:"rgb(0, 123, 255)",116:"28.1167px 9.5px",144:"rgb(0, 123, 255)",158:"none",159:"none",182:"0px",184:"0px",201:"auto",206:"auto",250:"inline",254:"pointer",264:"rgb(0, 123, 255)",271:"rgb(0, 123, 255)",276:"rgb(0, 123, 255)",289:"rgb(0, 123, 255)",295:"rgb(0, 123, 255)",298:"rgb(0, 123, 255)",301:"rgb(0, 123, 255)",304:"rgb(0, 123, 255)",317:"rgb(0, 123, 255)",320:"rgb(0, 123, 255)",323:"rgb(0, 123, 255)",324:"auto"}},"children":[ {"text":"Reboot"},]}, {"text":" to correct inconsistencies across browsers and devices while providing slightly more opinionated resets to common HTML elements."},]}, {"text":"\n\n"}, {"tag":"h2","attrib":{"id":"community",style:{15:"1",26:"696px",39:"348px 67.2px",43:"auto",110:"auto",114:"static",115:"none",116:"348px 67.2px",122:"0px",123:"0px",124:"0px",125:"0px",126:"0px",127:"0px",128:"0px",129:"0px",145:"0",154:"0px",155:"0px",156:"0px",157:"0px",158:"none",159:"none",177:"48px",182:"8px",183:"48px",184:"8px",188:"38.4px",192:"auto",197:"auto",198:"auto",199:"auto",200:"auto",201:"696px",206:"134.4px",217:"500",230:"32px",240:"1",243:"auto",284:"auto",324:"134.4px"}},"children":[ {"tag":"div","attrib":{style:{39:"348px 19.2px",115:"auto",116:"348px 19.2px",177:"0px",182:"0px",183:"0px",184:"0px",206:"38.4px",324:"38.4px"}},"children":[ {"text":"Community"}, {"tag":"a","attrib":{"href":"#community","aria-label":"Anchor",style:{1:"rgba(0, 123, 255, 0.5)",2:"rgba(0, 123, 255, 0.5)",26:"auto",32:"normal",34:"linear",35:"color",36:"0.16s",39:"19.4083px 19px",55:"rgba(0, 123, 255, 0.5)",60:"rgba(0, 123, 255, 0.5)",61:"rgba(0, 123, 255, 0.5)",116:"19.4083px 19px",124:"12px",125:"12px",144:"rgba(0, 123, 255, 0.5)",146:"0",201:"auto",206:"auto",217:"400",250:"inline",254:"pointer",264:"rgba(0, 123, 255, 0.5)",271:"rgba(0, 123, 255, 0.5)",276:"rgba(0, 123, 255, 0.5)",289:"rgba(0, 123, 255, 0.5)",295:"rgba(0, 123, 255, 0.5)",298:"rgba(0, 123, 255, 0.5)",301:"rgba(0, 123, 255, 0.5)",304:"rgba(0, 123, 255, 0.5)",317:"rgba(0, 123, 255, 0.5)",320:"rgba(0, 123, 255, 0.5)",323:"rgba(0, 123, 255, 0.5)",324:"auto"}},"children":[]},]},]}, {"text":"\n\n"}, {"tag":"p","attrib":{style:{15:"1",26:"556.8px",39:"278.4px 24px",43:"auto",110:"auto",114:"static",116:"278.4px 24px",122:"0px",123:"0px",124:"0px",125:"0px",126:"0px",127:"0px",128:"0px",129:"0px",145:"0",154:"0px",155:"0px",156:"0px",157:"0px",158:"80%",159:"80%",182:"16px",184:"16px",192:"auto",197:"auto",198:"auto",199:"auto",200:"auto",201:"556.8px",206:"48px",240:"1",243:"auto",284:"auto",324:"48px"}},"children":[ {"text":"Stay up to date on the development of Bootstrap and reach out to the community with these helpful resources."},]}, {"text":"\n\n"}, {"tag":"ul","attrib":{style:{15:"1",26:"556.8px",39:"278.4px 129.25px",43:"auto",110:"auto",114:"static",116:"278.4px 129.25px",122:"0px",123:"0px",124:"40px",125:"40px",126:"0px",127:"0px",128:"0px",129:"0px",145:"0",154:"0px",155:"0px",156:"0px",157:"0px",158:"80%",159:"80%",182:"16px",184:"16px",192:"auto",197:"auto",198:"auto",199:"auto",200:"auto",201:"556.8px",206:"258.5px",240:"1",243:"auto",256:"list-item 0",284:"auto",324:"258.5px"}},"children":[ {"text":"\n "}, {"tag":"li","attrib":{style:{26:"516.8px",39:"258.4px 12.25px",116:"258.4px 12.25px",124:"0px",125:"0px",158:"none",159:"none",182:"4px",184:"4px",201:"516.8px",206:"24.5px",250:"list-item",256:"none",324:"24.5px"}},"children":[ {"text":"Follow "}, {"tag":"a","attrib":{"href":"https://twitter.com/getbootstrap",style:{1:"rgb(0, 123, 255)",2:"rgb(0, 123, 255)",26:"auto",32:"normal",39:"100.817px 9.5px",55:"rgb(0, 123, 255)",60:"rgb(0, 123, 255)",61:"rgb(0, 123, 255)",116:"100.817px 9.5px",144:"rgb(0, 123, 255)",182:"0px",184:"0px",201:"auto",206:"auto",250:"inline",254:"pointer",264:"rgb(0, 123, 255)",271:"rgb(0, 123, 255)",276:"rgb(0, 123, 255)",289:"rgb(0, 123, 255)",295:"rgb(0, 123, 255)",298:"rgb(0, 123, 255)",301:"rgb(0, 123, 255)",304:"rgb(0, 123, 255)",317:"rgb(0, 123, 255)",320:"rgb(0, 123, 255)",323:"rgb(0, 123, 255)",324:"auto"}},"children":[ {"text":"@getbootstrap on Twitter"},]}, {"text":"."},]}, {"text":"\n "}, {"tag":"li","attrib":{style:{26:"516.8px",39:"258.4px 12.25px",116:"258.4px 12.25px",124:"0px",125:"0px",158:"none",159:"none",182:"4px",184:"4px",201:"516.8px",206:"24.5px",250:"list-item",256:"none",324:"24.5px"}},"children":[ {"text":"Read and subscribe to "}, {"tag":"a","attrib":{"href":"https://blog.getbootstrap.com/",style:{1:"rgb(0, 123, 255)",2:"rgb(0, 123, 255)",26:"auto",32:"normal",39:"106.942px 9.5px",55:"rgb(0, 123, 255)",60:"rgb(0, 123, 255)",61:"rgb(0, 123, 255)",116:"106.942px 9.5px",144:"rgb(0, 123, 255)",182:"0px",184:"0px",201:"auto",206:"auto",250:"inline",254:"pointer",264:"rgb(0, 123, 255)",271:"rgb(0, 123, 255)",276:"rgb(0, 123, 255)",289:"rgb(0, 123, 255)",295:"rgb(0, 123, 255)",298:"rgb(0, 123, 255)",301:"rgb(0, 123, 255)",304:"rgb(0, 123, 255)",317:"rgb(0, 123, 255)",320:"rgb(0, 123, 255)",323:"rgb(0, 123, 255)",324:"auto"}},"children":[ {"text":"The Official Bootstrap Blog"},]}, {"text":"."},]}, {"text":"\n "}, {"tag":"li","attrib":{style:{26:"516.8px",39:"258.4px 24.25px",116:"258.4px 24.25px",124:"0px",125:"0px",158:"none",159:"none",182:"4px",184:"4px",201:"516.8px",206:"48.5px",250:"list-item",256:"none",324:"48.5px"}},"children":[ {"text":"Chat with fellow Bootstrappers in IRC. On the "}, {"tag":"code","attrib":{style:{1:"rgb(232, 62, 140)",2:"rgb(232, 62, 140)",24:"break-word",26:"auto",32:"normal",39:"57px 8.5px",55:"rgb(232, 62, 140)",60:"rgb(232, 62, 140)",61:"rgb(232, 62, 140)",116:"57px 8.5px",144:"rgb(232, 62, 140)",182:"0px",184:"0px",188:"21px",201:"auto",206:"auto",230:"14px",235:"Courier",250:"inline",264:"rgb(232, 62, 140)",271:"rgb(232, 62, 140)",276:"rgb(232, 62, 140)",289:"rgb(232, 62, 140)",295:"rgb(232, 62, 140)",298:"rgb(232, 62, 140)",301:"rgb(232, 62, 140)",304:"rgb(232, 62, 140)",317:"rgb(232, 62, 140)",320:"rgb(232, 62, 140)",323:"rgb(232, 62, 140)",324:"auto"}},"children":[ {"text":"irc.freenode.net"},]}, {"text":" server, in the "}, {"tag":"code","attrib":{style:{1:"rgb(232, 62, 140)",2:"rgb(232, 62, 140)",24:"break-word",26:"auto",32:"normal",39:"45.8833px 8.5px",55:"rgb(232, 62, 140)",60:"rgb(232, 62, 140)",61:"rgb(232, 62, 140)",116:"45.8833px 8.5px",144:"rgb(232, 62, 140)",182:"0px",184:"0px",188:"21px",201:"auto",206:"auto",230:"14px",235:"Courier",250:"inline",264:"rgb(232, 62, 140)",271:"rgb(232, 62, 140)",276:"rgb(232, 62, 140)",289:"rgb(232, 62, 140)",295:"rgb(232, 62, 140)",298:"rgb(232, 62, 140)",301:"rgb(232, 62, 140)",304:"rgb(232, 62, 140)",317:"rgb(232, 62, 140)",320:"rgb(232, 62, 140)",323:"rgb(232, 62, 140)",324:"auto"}},"children":[ {"text":"##bootstrap"},]}, {"text":" channel."},]}, {"text":"\n "}, {"tag":"li","attrib":{style:{26:"516.8px",39:"258.4px 24.25px",116:"258.4px 24.25px",124:"0px",125:"0px",158:"none",159:"none",182:"4px",184:"4px",201:"516.8px",206:"48.5px",250:"list-item",256:"none",324:"48.5px"}},"children":[ {"text":"Implementation help may be found at Stack Overflow (tagged "}, {"tag":"a","attrib":{"href":"https://stackoverflow.com/questions/tagged/bootstrap-4",style:{1:"rgb(0, 123, 255)",2:"rgb(0, 123, 255)",26:"auto",32:"normal",39:"40.9667px 9.5px",55:"rgb(0, 123, 255)",60:"rgb(0, 123, 255)",61:"rgb(0, 123, 255)",116:"40.9667px 9.5px",144:"rgb(0, 123, 255)",182:"0px",184:"0px",201:"auto",206:"auto",250:"inline",254:"pointer",264:"rgb(0, 123, 255)",271:"rgb(0, 123, 255)",276:"rgb(0, 123, 255)",289:"rgb(0, 123, 255)",295:"rgb(0, 123, 255)",298:"rgb(0, 123, 255)",301:"rgb(0, 123, 255)",304:"rgb(0, 123, 255)",317:"rgb(0, 123, 255)",320:"rgb(0, 123, 255)",323:"rgb(0, 123, 255)",324:"auto"}},"children":[ {"tag":"code","attrib":{style:{24:"break-word",39:"40.9667px 8.5px",116:"40.9667px 8.5px",188:"21px",230:"14px",235:"Courier"}},"children":[ {"text":"bootstrap-4"},]},]}, {"text":")."},]}, {"text":"\n "}, {"tag":"li","attrib":{style:{26:"516.8px",39:"258.4px 48.25px",116:"258.4px 48.25px",124:"0px",125:"0px",158:"none",159:"none",182:"4px",184:"4px",201:"516.8px",206:"96.5px",250:"list-item",256:"none",324:"96.5px"}},"children":[ {"text":"Developers should use the keyword "}, {"tag":"code","attrib":{style:{1:"rgb(232, 62, 140)",2:"rgb(232, 62, 140)",24:"break-word",26:"auto",32:"normal",39:"34.15px 8.5px",55:"rgb(232, 62, 140)",60:"rgb(232, 62, 140)",61:"rgb(232, 62, 140)",116:"34.15px 8.5px",144:"rgb(232, 62, 140)",182:"0px",184:"0px",188:"21px",201:"auto",206:"auto",230:"14px",235:"Courier",250:"inline",264:"rgb(232, 62, 140)",271:"rgb(232, 62, 140)",276:"rgb(232, 62, 140)",289:"rgb(232, 62, 140)",295:"rgb(232, 62, 140)",298:"rgb(232, 62, 140)",301:"rgb(232, 62, 140)",304:"rgb(232, 62, 140)",317:"rgb(232, 62, 140)",320:"rgb(232, 62, 140)",323:"rgb(232, 62, 140)",324:"auto"}},"children":[ {"text":"bootstrap"},]}, {"text":" on packages which modify or add to the functionality of Bootstrap when distributing through "}, {"tag":"a","attrib":{"href":"https://www.npmjs.com/search?q=keywords:bootstrap",style:{1:"rgb(0, 123, 255)",2:"rgb(0, 123, 255)",26:"auto",32:"normal",39:"17.9333px 9.5px",55:"rgb(0, 123, 255)",60:"rgb(0, 123, 255)",61:"rgb(0, 123, 255)",116:"17.9333px 9.5px",144:"rgb(0, 123, 255)",182:"0px",184:"0px",201:"auto",206:"auto",250:"inline",254:"pointer",264:"rgb(0, 123, 255)",271:"rgb(0, 123, 255)",276:"rgb(0, 123, 255)",289:"rgb(0, 123, 255)",295:"rgb(0, 123, 255)",298:"rgb(0, 123, 255)",301:"rgb(0, 123, 255)",304:"rgb(0, 123, 255)",317:"rgb(0, 123, 255)",320:"rgb(0, 123, 255)",323:"rgb(0, 123, 255)",324:"auto"}},"children":[ {"text":"npm"},]}, {"text":" or similar delivery mechanisms for maximum discoverability."},]}, {"text":"\n"},]}, {"text":"\n\n"}, {"tag":"p","attrib":{style:{15:"1",26:"556.8px",39:"278.4px 24px",43:"auto",110:"auto",114:"static",116:"278.4px 24px",122:"0px",123:"0px",124:"0px",125:"0px",126:"0px",127:"0px",128:"0px",129:"0px",145:"0",154:"0px",155:"0px",156:"0px",157:"0px",158:"80%",159:"80%",182:"16px",184:"16px",192:"auto",197:"auto",198:"auto",199:"auto",200:"auto",201:"556.8px",206:"48px",240:"1",243:"auto",284:"auto",324:"48px"}},"children":[ {"text":"You can also follow "}, {"tag":"a","attrib":{"href":"https://twitter.com/getbootstrap",style:{1:"rgb(0, 123, 255)",2:"rgb(0, 123, 255)",26:"auto",32:"normal",39:"101.55px 9.5px",55:"rgb(0, 123, 255)",60:"rgb(0, 123, 255)",61:"rgb(0, 123, 255)",116:"101.55px 9.5px",144:"rgb(0, 123, 255)",158:"none",159:"none",182:"0px",184:"0px",201:"auto",206:"auto",250:"inline",254:"pointer",264:"rgb(0, 123, 255)",271:"rgb(0, 123, 255)",276:"rgb(0, 123, 255)",289:"rgb(0, 123, 255)",295:"rgb(0, 123, 255)",298:"rgb(0, 123, 255)",301:"rgb(0, 123, 255)",304:"rgb(0, 123, 255)",317:"rgb(0, 123, 255)",320:"rgb(0, 123, 255)",323:"rgb(0, 123, 255)",324:"auto"}},"children":[ {"text":"@getbootstrap on Twitter"},]}, {"text":" for the latest gossip and awesome music videos."},]}, {"text":"\n\n "},]}, {"text":"\n "},]}, {"text":"\n "},]}, {"text":"\n\n "}, {"text":"\n"}, {"text":"\n\n"}, {"text":"\n \n\n"},]}}; let zIndexMax = 0 let base_url = "https:\/\/v4-alpha.getbootstrap.com"; function url_canonicalize( url ) { url = url.replace(/[?;]jsessionid=[!0-9a-z]+/i,'') let parts = new URL(url) let path = parts.pathname if (( path.length >= 2 )&&( path[0]=='/' )&&( path[1]=='/' )) { path = path.substr( 1 ) } // Transforms // to / if set at the beginning of path let path_parts = [] let path_orig_parts = path.split('/') for ( let i = 0 ; i < path_orig_parts.length ; i++ ) { let path_part = path_orig_parts[i] if (( i==1 )&&( path_part=='' )) continue if ( path_part == '.' ) continue // removes /. if ( path_part == '..' ) { if ( path_parts.length>1 ) { // removes /xxx/.. path_parts.pop() } continue; // and ^/../ which is weird stuff } path_parts.push( path_part ) } path = path_parts.join('/'); let portStr = parts.port ? ':'+parts.port : '' let queryStr = parts.search ? parts.search : '' let hashStr = parts.hash ? parts.hash : '' return parts.protocol + '//' + parts.hostname + portStr + path + queryStr + hashStr } function strip_filename( path ) { last_slash = path.lastIndexOf('/') return ( last_slash >= 0 )? path.substr( 0, last_slash+1 ) : '/' } function getAbsoluteUrl( url ) { if ( url.match(/^data:|^javascript:/i ) ) return url let base_parts = new URL(base_url) if ( base_parts.protocol && base_parts.hostname ) { if ( url.indexOf('//') == 0 ) { url = base_parts.protocol + url } if ( url.indexOf('/') == 0 ) { url = base_parts.protocol + '//' + base_parts.hostname + url; } if ( ! url.match(/^[a-z]{3,5}:\/\//i) ) { let base_path = base_parts.pathname ? base_parts.pathname : '/' url = base_parts.protocol + '//' + base_parts.hostname + strip_filename( base_path ) + url } } return url_canonicalize(url) } function convert_url( tagName, attrib, value ) { let entry = cache_url switch ( attrib ) { case 'src': entry = entry.replace(/index2\.php/,'display2.php') case 'href': if ( value.startsWith('data:') ) return value let postfix = '' if ( tagName.toLowerCase() == 'iframe' ) postfix = '&inframe=1' // console.log('convert url : ',entry+encodeURIComponent( getAbsoluteUrl(value) )+postfix) return entry+encodeURIComponent( getAbsoluteUrl(value) )+postfix } return value } let console_timing_count = 0 function console_timing() { if ( !( console_timing_count++ % 1000 ) ) { console.log('1000 ticks') } } let parse_inBody = false function parse_json( json, parentStyles ) { console_timing() if ( json.tag ) { let tag switch ( json.tag ) { case 'head': tag = document.head; break; case 'body': tag = document.body; break; //document.createElement('div'); // document.body.appendChild(tag) break; default: try { tag = document.createElement(json.tag) } catch (error) { return document.createElement('span') /* sometimes, we get an invalid tag name ; drop it */ } } if ( json.tag == 'base' ) { if ( json.attrib.href ) base_url = json.attrib.href } if ( json.tag == 'head' ) { let style = document.createElement('style') style.innerHTML = '.w { '+default_styles_css+' }' tag.appendChild(style) } let ourStyle = {} for ( const attrib in json.attrib ) { if ( attrib == 'style' ) { for ( const style in json.attrib.style ) { let value = json.attrib.style[style] let key = wikiwix_styles[style] if ( default_styles[key] != value ) { tag.style[key] = value } ourStyle[style] = value } for ( const style in parentStyles ) { if ( !ourStyle.hasOwnProperty(style) ) { let value = parentStyles[style] let key = wikiwix_styles[style] if ( default_styles[key] != value ) { tag.style[wikiwix_styles[style]] = parentStyles[style] } ourStyle[style] = parentStyles[style] } } if ( ourStyle[style_to_id['position'] ] != 'static' ) { let zIndex = parseInt(ourStyle[style_to_id['z-index']]) if (( zIndex != NaN )&&( zIndex > zIndexMax )) zIndexMax = zIndex } } else { try { if ( attrib !== 'srcset' ) { tag.setAttribute( attrib, convert_url(json.tag,attrib,json.attrib[attrib]) ) } } catch (err) {} } } if ( json.tag == 'body' ) { tag.style.overflowY='auto' /* tag.style.height='auto' tag.style.inset='0' tag.style.margin='0' tag.style.zIndex='0'*/ } if ( parse_inBody ) tag.setAttribute('class','w') json.children.forEach( (child)=>{ let node = parse_json(child,ourStyle) if (( node instanceof Node )&&( json.tag != 'html' )) tag.appendChild( node ) } ) return tag } else if ( json.text ) { return document.createTextNode( json.text ) } return false } parse_json(wikiwix_dom.head,{}) parse_inBody = true parse_json(wikiwix_dom.body,{}) /* const availableWidth = document.documentElement.clientWidth - document.body.offsetWidth if ( availableWidth>100 ) { const adbox = document.getElementById( 'right_adsbygoogle' ) adbox.style.width = Math.min(availableWidth,320) adbox.style.left = document.body.offsetWidth console.log('calling'); (adsbygoogle = window.adsbygoogle || []).push({}); console.log('called'); } */ let foundAd = false const inss = document.getElementsByTagName("ins") if ( inss.length ) { for ( let i = 0 ; i < inss.length ; i++ ) { const ins = inss[i] let slotId = false if (( ins.offsetHeight > 160 )&&( ins.offsetWidth > 160 )) { slotId = '8778917807' // carré } if (( ins.offsetHeight > 160 )&&( ins.offsetWidth > 3*ins.offsetHeight )) { slotId = '4746505159' // horizontal } if (( ins.offsetWidth > 160 )&&( ins.offsetHeight > 3*ins.offsetWidth )) { slotId = '7405523748' // vertical } if ( slotId ) { console.log('Found ins tag ('+slotId+')') while (ins.firstChild) { ins.removeChild(ins.lastChild); } ins.setAttribute('data-ad-client','ca-pub-5410759189143838') ins.setAttribute('data-ad-slot',slotId) ins.setAttribute('data-ad-format','auto') ins.setAttribute('data-full-width-responsive','true') ins.className = 'adsbygoogle'; foundAd = true } } } const availableWidth = document.documentElement.clientWidth - document.body.offsetWidth if (( availableWidth>160 )&& !foundAd ) { const adbox = document.createElement('ins') adbox.style.width = Math.min(availableWidth,320) adbox.style.left = ''+document.body.offsetWidth-50+'px' adbox.style.height = '100%'; adbox.style.top = '200px'; adbox.style.position = 'absolute' adbox.style.zIndex = 1 adbox.className = 'adsbygoogle' adbox.setAttribute('data-ad-client','ca-pub-5410759189143838') adbox.setAttribute('data-ad-slot',7405523748) adbox.setAttribute('data-ad-format','auto') adbox.setAttribute('data-full-width-responsive','true') document.body.insertBefore( adbox, document.getElementById('wikiwix_overlay_button') ) foundAd = true } if ( foundAd ) { (adsbygoogle = window.adsbygoogle || []).push({}); } if ( zIndexMax > 0 ) { $('#wikiwix_container').css('z-index',zIndexMax+1) $('#wikiwix_login_container').css('z-index',zIndexMax+2) $('#wikiwix_minimizer').css('z-index',zIndexMax+3) $('#popup_notice').css('z-index',zIndexMax+1) }