\n"},]},]},]},
{"tag":"span","attrib":{style:{39:"807.725px 8.5px",116:"807.725px 8.5px"}},"children":[
{"tag":"span","attrib":{style:{}},"children":[
{"tag":"span","attrib":{style:{1:"rgb(114, 114, 114)",2:"rgb(114, 114, 114)",55:"rgb(114, 114, 114)",60:"rgb(114, 114, 114)",61:"rgb(114, 114, 114)",144:"rgb(114, 114, 114)",264:"rgb(114, 114, 114)",271:"rgb(114, 114, 114)",276:"rgb(114, 114, 114)",289:"rgb(114, 114, 114)",295:"rgb(114, 114, 114)",298:"rgb(114, 114, 114)",301:"rgb(114, 114, 114)",304:"rgb(114, 114, 114)",317:"rgb(114, 114, 114)",320:"rgb(114, 114, 114)",323:"rgb(114, 114, 114)"}},"children":[
{"text":" \n"},]},]},]},
{"tag":"span","attrib":{style:{39:"794.617px 8.5px",116:"794.617px 8.5px"}},"children":[
{"tag":"span","attrib":{style:{}},"children":[
{"tag":"span","attrib":{style:{1:"rgb(114, 114, 114)",2:"rgb(114, 114, 114)",55:"rgb(114, 114, 114)",60:"rgb(114, 114, 114)",61:"rgb(114, 114, 114)",144:"rgb(114, 114, 114)",264:"rgb(114, 114, 114)",271:"rgb(114, 114, 114)",276:"rgb(114, 114, 114)",289:"rgb(114, 114, 114)",295:"rgb(114, 114, 114)",298:"rgb(114, 114, 114)",301:"rgb(114, 114, 114)",304:"rgb(114, 114, 114)",317:"rgb(114, 114, 114)",320:"rgb(114, 114, 114)",323:"rgb(114, 114, 114)"}},"children":[
{"text":" \n"},]},]},]},
{"tag":"span","attrib":{style:{39:"19.5px 8.5px",116:"19.5px 8.5px"}},"children":[
{"tag":"span","attrib":{style:{}},"children":[
{"tag":"span","attrib":{style:{1:"rgb(114, 114, 114)",2:"rgb(114, 114, 114)",55:"rgb(114, 114, 114)",60:"rgb(114, 114, 114)",61:"rgb(114, 114, 114)",144:"rgb(114, 114, 114)",264:"rgb(114, 114, 114)",271:"rgb(114, 114, 114)",276:"rgb(114, 114, 114)",289:"rgb(114, 114, 114)",295:"rgb(114, 114, 114)",298:"rgb(114, 114, 114)",301:"rgb(114, 114, 114)",304:"rgb(114, 114, 114)",317:"rgb(114, 114, 114)",320:"rgb(114, 114, 114)",323:"rgb(114, 114, 114)"}},"children":[
{"text":" -->"},]},
{"text":"\n"},]},]},
{"tag":"span","attrib":{style:{39:"35.6833px 8.5px",116:"35.6833px 8.5px"}},"children":[
{"tag":"span","attrib":{style:{}},"children":[
{"text":" "},
{"tag":"span","attrib":{style:{39:"8.225px 8.5px",116:"8.225px 8.5px"}},"children":[
{"text":""},]},
{"tag":"span","attrib":{style:{1:"rgb(47, 111, 159)",2:"rgb(47, 111, 159)",39:"17.1417px 8.5px",55:"rgb(47, 111, 159)",60:"rgb(47, 111, 159)",61:"rgb(47, 111, 159)",116:"17.1417px 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":"body"},]},
{"tag":"span","attrib":{style:{39:"5.86667px 8.5px",116:"5.86667px 8.5px"}},"children":[
{"text":">"},]},
{"text":"\n"},]},]},
{"tag":"span","attrib":{style:{39:"30.3px 8.5px",116:"30.3px 8.5px"}},"children":[
{"tag":"span","attrib":{style:{}},"children":[
{"tag":"span","attrib":{style:{39:"8.225px 8.5px",116:"8.225px 8.5px"}},"children":[
{"text":""},]},
{"tag":"span","attrib":{style:{1:"rgb(47, 111, 159)",2:"rgb(47, 111, 159)",39:"16.2083px 8.5px",55:"rgb(47, 111, 159)",60:"rgb(47, 111, 159)",61:"rgb(47, 111, 159)",116:"16.2083px 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":"html"},]},
{"tag":"span","attrib":{style:{39:"5.86667px 8.5px",116:"5.86667px 8.5px"}},"children":[
{"text":">"},]},
{"text":"\n"},]},]},]},]},]},
{"tag":"p","attrib":{style:{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.6/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.6/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"},
{"tag":"h2","attrib":{"id":"important-globals",style:{26:"696px",39:"348px 66.2417px",43:"auto",110:"auto",114:"static",115:"none",116:"348px 66.2417px",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:"36.4833px",192:"auto",197:"auto",198:"auto",199:"auto",200:"auto",201:"696px",206:"132.483px",217:"500",230:"30.4px",240:"1",243:"auto",284:"auto",324:"132.483px"}},"children":[
{"tag":"span","attrib":{style:{32:"normal",39:"348px 18.2417px",115:"auto",116:"348px 18.2417px",177:"0px",182:"0px",183:"0px",184:"0px",206:"36.4833px",324:"36.4833px"}},"children":[
{"text":"Important globals"},
{"tag":"a","attrib":{"aria-label":"Anchor","href":"#important-globals",style:{1:"rgba(0, 123, 255, 0.5)",2:"rgba(0, 123, 255, 0.5)",26:"auto",34:"ease-in-out, ease-in-out",35:"color, opacity",36:"0.15s, 0.15s",37:"0s, 0s",39:"18.4417px 18.5px",55:"rgba(0, 123, 255, 0.5)",60:"rgba(0, 123, 255, 0.5)",61:"rgba(0, 123, 255, 0.5)",116:"18.4417px 18.5px",124:"11.4px",125:"11.4px",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"},
{"tag":"p","attrib":{style:{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"},
{"tag":"h3","attrib":{"id":"html5-doctype",style:{26:"696px",39:"348px 64.1583px",43:"auto",110:"auto",114:"static",115:"none",116:"348px 64.1583px",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:"32.3167px",192:"auto",197:"auto",198:"auto",199:"auto",200:"auto",201:"696px",206:"128.317px",217:"500",230:"26.9333px",240:"1",243:"auto",284:"auto",324:"128.317px"}},"children":[
{"tag":"span","attrib":{style:{32:"normal",39:"348px 16.1583px",115:"auto",116:"348px 16.1583px",177:"0px",182:"0px",183:"0px",184:"0px",206:"32.3167px",324:"32.3167px"}},"children":[
{"text":"HTML5 doctype"},
{"tag":"a","attrib":{"aria-label":"Anchor","href":"#html5-doctype",style:{1:"rgba(0, 123, 255, 0.5)",2:"rgba(0, 123, 255, 0.5)",26:"auto",34:"ease-in-out, ease-in-out",35:"color, opacity",36:"0.15s, 0.15s",37:"0s, 0s",39:"16.3333px 16px",55:"rgba(0, 123, 255, 0.5)",60:"rgba(0, 123, 255, 0.5)",61:"rgba(0, 123, 255, 0.5)",116:"16.3333px 16px",124:"10.1px",125:"10.1px",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"},
{"tag":"p","attrib":{style:{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"},
{"tag":"div","attrib":{style:{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":{"type":"button","title":"",style:{1:"rgb(0, 123, 255)",2:"rgb(0, 123, 255)",19:"10",26:"44.4px",31:"none",32:"normal",39:"22.2px 12.8px",43:"10.4px",55:"rgb(0, 123, 255)",60:"rgb(0, 123, 255)",61:"rgb(0, 123, 255)",65:"center",110:"10.4px",114:"absolute",116:"22.2px 12.8px",122:"4px",123:"8px",124:"8px",125:"8px",126:"8px",127:"4px",128:"4px",129:"4px",144:"rgb(0, 123, 255)",188:"15.6px",192:"-54.8px",197:"-54.8px",198:"10.4px",199:"10.4px",200:"-36px",201:"44.4px",206:"25.6px",230:"10.4px",238:"none",254:"pointer",264:"rgb(0, 123, 255)",271:"rgb(0, 123, 255)",276:"rgb(0, 123, 255)",284:"-36px",285:"1px",286:"solid",287:"4px",288:"4px",289:"rgb(0, 123, 255)",290:"4px",291:"4px",293:"1px",294:"solid",295:"rgb(0, 123, 255)",296:"1px",297:"solid",298:"rgb(0, 123, 255)",299:"1px",300:"solid",301:"rgb(0, 123, 255)",302:"1px",303:"solid",304:"rgb(0, 123, 255)",310:"4px",311:"4px",313:"1px",314:"solid",315:"4px",316:"4px",317:"rgb(0, 123, 255)",318:"1px",319:"solid",320:"rgb(0, 123, 255)",321:"1px",322:"solid",323:"rgb(0, 123, 255)",324:"25.6px",332:"rgb(255, 255, 255)",338:"button"}},"children":[
{"text":"Copy"},]},]},
{"tag":"div","attrib":{style:{26:"696px",39:"348px 76.4px",43:"auto",110:"auto",114:"static",116:"348px 76.4px",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:"152.8px",240:"1",243:"auto",284:"auto",324:"152.8px",332:"rgb(248, 249, 250)"}},"children":[
{"tag":"pre","attrib":{"tabindex":"0",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",177:"10.4px",182:"10.4px",183:"10.4px",184:"10.4px",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",136:"break-word",137:"visible",138:"visible",140:"visible",177:"0px",182:"0px",183:"0px",184:"0px",201:"auto",206:"auto",250:"inline",324:"auto"}},"children":[
{"tag":"span","attrib":{style:{}},"children":[
{"tag":"span","attrib":{style:{}},"children":[
{"tag":"span","attrib":{style:{1:"rgb(0, 128, 133)",2:"rgb(0, 128, 133)",55:"rgb(0, 128, 133)",60:"rgb(0, 128, 133)",61:"rgb(0, 128, 133)",144:"rgb(0, 128, 133)",264:"rgb(0, 128, 133)",271:"rgb(0, 128, 133)",276:"rgb(0, 128, 133)",289:"rgb(0, 128, 133)",295:"rgb(0, 128, 133)",298:"rgb(0, 128, 133)",301:"rgb(0, 128, 133)",304:"rgb(0, 128, 133)",317:"rgb(0, 128, 133)",320:"rgb(0, 128, 133)",323:"rgb(0, 128, 133)"}},"children":[
{"text":""},]},
{"text":"\n"},]},]},
{"tag":"span","attrib":{style:{39:"66.525px 8.5px",116:"66.525px 8.5px"}},"children":[
{"tag":"span","attrib":{style:{}},"children":[
{"tag":"span","attrib":{style:{39:"5.86667px 8.5px",116:"5.86667px 8.5px"}},"children":[
{"text":"<"},]},
{"tag":"span","attrib":{style:{1:"rgb(47, 111, 159)",2:"rgb(47, 111, 159)",39:"16.2083px 8.5px",55:"rgb(47, 111, 159)",60:"rgb(47, 111, 159)",61:"rgb(47, 111, 159)",116:"16.2083px 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":"html"},]},
{"text":" "},
{"tag":"span","attrib":{style:{1:"rgb(0, 110, 224)",2:"rgb(0, 110, 224)",39:"15.4083px 8.5px",55:"rgb(0, 110, 224)",60:"rgb(0, 110, 224)",61:"rgb(0, 110, 224)",116:"15.4083px 8.5px",144:"rgb(0, 110, 224)",264:"rgb(0, 110, 224)",271:"rgb(0, 110, 224)",276:"rgb(0, 110, 224)",289:"rgb(0, 110, 224)",295:"rgb(0, 110, 224)",298:"rgb(0, 110, 224)",301:"rgb(0, 110, 224)",304:"rgb(0, 110, 224)",317:"rgb(0, 110, 224)",320:"rgb(0, 110, 224)",323:"rgb(0, 110, 224)"}},"children":[
{"text":"lang"},]},
{"tag":"span","attrib":{style:{1:"rgb(85, 85, 85)",2:"rgb(85, 85, 85)",39:"5.86667px 8.5px",55:"rgb(85, 85, 85)",60:"rgb(85, 85, 85)",61:"rgb(85, 85, 85)",116:"5.86667px 8.5px",144:"rgb(85, 85, 85)",264:"rgb(85, 85, 85)",271:"rgb(85, 85, 85)",276:"rgb(85, 85, 85)",289:"rgb(85, 85, 85)",295:"rgb(85, 85, 85)",298:"rgb(85, 85, 85)",301:"rgb(85, 85, 85)",304:"rgb(85, 85, 85)",317:"rgb(85, 85, 85)",320:"rgb(85, 85, 85)",323:"rgb(85, 85, 85)"}},"children":[
{"text":"="},]},
{"tag":"span","attrib":{style:{1:"rgb(215, 48, 56)",2:"rgb(215, 48, 56)",39:"15.0833px 8.5px",55:"rgb(215, 48, 56)",60:"rgb(215, 48, 56)",61:"rgb(215, 48, 56)",116:"15.0833px 8.5px",144:"rgb(215, 48, 56)",264:"rgb(215, 48, 56)",271:"rgb(215, 48, 56)",276:"rgb(215, 48, 56)",289:"rgb(215, 48, 56)",295:"rgb(215, 48, 56)",298:"rgb(215, 48, 56)",301:"rgb(215, 48, 56)",304:"rgb(215, 48, 56)",317:"rgb(215, 48, 56)",320:"rgb(215, 48, 56)",323:"rgb(215, 48, 56)"}},"children":[
{"text":"\"en\""},]},
{"tag":"span","attrib":{style:{39:"5.86667px 8.5px",116:"5.86667px 8.5px"}},"children":[
{"text":">"},]},
{"text":"\n"},]},]},
{"tag":"span","attrib":{style:{39:"11.125px 8.5px",116:"11.125px 8.5px"}},"children":[
{"tag":"span","attrib":{style:{}},"children":[
{"text":" ...\n"},]},]},
{"tag":"span","attrib":{style:{39:"30.3px 8.5px",116:"30.3px 8.5px"}},"children":[
{"tag":"span","attrib":{style:{}},"children":[
{"tag":"span","attrib":{style:{39:"8.225px 8.5px",116:"8.225px 8.5px"}},"children":[
{"text":""},]},
{"tag":"span","attrib":{style:{1:"rgb(47, 111, 159)",2:"rgb(47, 111, 159)",39:"16.2083px 8.5px",55:"rgb(47, 111, 159)",60:"rgb(47, 111, 159)",61:"rgb(47, 111, 159)",116:"16.2083px 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":"html"},]},
{"tag":"span","attrib":{style:{39:"5.86667px 8.5px",116:"5.86667px 8.5px"}},"children":[
{"text":">"},]},
{"text":"\n"},]},]},]},]},]},
{"tag":"h3","attrib":{"id":"responsive-meta-tag",style:{26:"696px",39:"348px 64.1583px",43:"auto",110:"auto",114:"static",115:"none",116:"348px 64.1583px",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:"32.3167px",192:"auto",197:"auto",198:"auto",199:"auto",200:"auto",201:"696px",206:"128.317px",217:"500",230:"26.9333px",240:"1",243:"auto",284:"auto",324:"128.317px"}},"children":[
{"tag":"span","attrib":{style:{32:"normal",39:"348px 16.1583px",115:"auto",116:"348px 16.1583px",177:"0px",182:"0px",183:"0px",184:"0px",206:"32.3167px",324:"32.3167px"}},"children":[
{"text":"Responsive meta tag"},
{"tag":"a","attrib":{"aria-label":"Anchor","href":"#responsive-meta-tag",style:{1:"rgba(0, 123, 255, 0.5)",2:"rgba(0, 123, 255, 0.5)",26:"auto",34:"ease-in-out, ease-in-out",35:"color, opacity",36:"0.15s, 0.15s",37:"0s, 0s",39:"16.3333px 16px",55:"rgba(0, 123, 255, 0.5)",60:"rgba(0, 123, 255, 0.5)",61:"rgba(0, 123, 255, 0.5)",116:"16.3333px 16px",124:"10.1px",125:"10.1px",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"},
{"tag":"p","attrib":{style:{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)",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",136:"break-word",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"},
{"tag":"div","attrib":{style:{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":{"type":"button","title":"",style:{1:"rgb(0, 123, 255)",2:"rgb(0, 123, 255)",19:"10",26:"44.4px",31:"none",32:"normal",39:"22.2px 12.8px",43:"10.4px",55:"rgb(0, 123, 255)",60:"rgb(0, 123, 255)",61:"rgb(0, 123, 255)",65:"center",110:"10.4px",114:"absolute",116:"22.2px 12.8px",122:"4px",123:"8px",124:"8px",125:"8px",126:"8px",127:"4px",128:"4px",129:"4px",144:"rgb(0, 123, 255)",188:"15.6px",192:"-54.8px",197:"-54.8px",198:"10.4px",199:"10.4px",200:"-36px",201:"44.4px",206:"25.6px",230:"10.4px",238:"none",254:"pointer",264:"rgb(0, 123, 255)",271:"rgb(0, 123, 255)",276:"rgb(0, 123, 255)",284:"-36px",285:"1px",286:"solid",287:"4px",288:"4px",289:"rgb(0, 123, 255)",290:"4px",291:"4px",293:"1px",294:"solid",295:"rgb(0, 123, 255)",296:"1px",297:"solid",298:"rgb(0, 123, 255)",299:"1px",300:"solid",301:"rgb(0, 123, 255)",302:"1px",303:"solid",304:"rgb(0, 123, 255)",310:"4px",311:"4px",313:"1px",314:"solid",315:"4px",316:"4px",317:"rgb(0, 123, 255)",318:"1px",319:"solid",320:"rgb(0, 123, 255)",321:"1px",322:"solid",323:"rgb(0, 123, 255)",324:"25.6px",332:"rgb(255, 255, 255)",338:"button"}},"children":[
{"text":"Copy"},]},]},
{"tag":"div","attrib":{style:{26:"696px",39:"348px 44.9px",43:"auto",110:"auto",114:"static",116:"348px 44.9px",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:"89.8px",240:"1",243:"auto",284:"auto",324:"89.8px",332:"rgb(248, 249, 250)"}},"children":[
{"tag":"pre","attrib":{"tabindex":"0",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",177:"10.4px",182:"10.4px",183:"10.4px",184:"10.4px",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",136:"break-word",137:"visible",138:"visible",140:"visible",177:"0px",182:"0px",183:"0px",184:"0px",201:"auto",206:"auto",250:"inline",324:"auto"}},"children":[
{"tag":"span","attrib":{style:{}},"children":[
{"tag":"span","attrib":{style:{}},"children":[
{"tag":"span","attrib":{style:{39:"5.86667px 8.5px",116:"5.86667px 8.5px"}},"children":[
{"text":"<"},]},
{"tag":"span","attrib":{style:{1:"rgb(47, 111, 159)",2:"rgb(47, 111, 159)",39:"17.775px 8.5px",55:"rgb(47, 111, 159)",60:"rgb(47, 111, 159)",61:"rgb(47, 111, 159)",116:"17.775px 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":"meta"},]},
{"text":" "},
{"tag":"span","attrib":{style:{1:"rgb(0, 110, 224)",2:"rgb(0, 110, 224)",39:"19.4667px 8.5px",55:"rgb(0, 110, 224)",60:"rgb(0, 110, 224)",61:"rgb(0, 110, 224)",116:"19.4667px 8.5px",144:"rgb(0, 110, 224)",264:"rgb(0, 110, 224)",271:"rgb(0, 110, 224)",276:"rgb(0, 110, 224)",289:"rgb(0, 110, 224)",295:"rgb(0, 110, 224)",298:"rgb(0, 110, 224)",301:"rgb(0, 110, 224)",304:"rgb(0, 110, 224)",317:"rgb(0, 110, 224)",320:"rgb(0, 110, 224)",323:"rgb(0, 110, 224)"}},"children":[
{"text":"name"},]},
{"tag":"span","attrib":{style:{1:"rgb(85, 85, 85)",2:"rgb(85, 85, 85)",39:"5.86667px 8.5px",55:"rgb(85, 85, 85)",60:"rgb(85, 85, 85)",61:"rgb(85, 85, 85)",116:"5.86667px 8.5px",144:"rgb(85, 85, 85)",264:"rgb(85, 85, 85)",271:"rgb(85, 85, 85)",276:"rgb(85, 85, 85)",289:"rgb(85, 85, 85)",295:"rgb(85, 85, 85)",298:"rgb(85, 85, 85)",301:"rgb(85, 85, 85)",304:"rgb(85, 85, 85)",317:"rgb(85, 85, 85)",320:"rgb(85, 85, 85)",323:"rgb(85, 85, 85)"}},"children":[
{"text":"="},]},
{"tag":"span","attrib":{style:{1:"rgb(215, 48, 56)",2:"rgb(215, 48, 56)",39:"37.6333px 8.5px",55:"rgb(215, 48, 56)",60:"rgb(215, 48, 56)",61:"rgb(215, 48, 56)",116:"37.6333px 8.5px",144:"rgb(215, 48, 56)",264:"rgb(215, 48, 56)",271:"rgb(215, 48, 56)",276:"rgb(215, 48, 56)",289:"rgb(215, 48, 56)",295:"rgb(215, 48, 56)",298:"rgb(215, 48, 56)",301:"rgb(215, 48, 56)",304:"rgb(215, 48, 56)",317:"rgb(215, 48, 56)",320:"rgb(215, 48, 56)",323:"rgb(215, 48, 56)"}},"children":[
{"text":"\"viewport\""},]},
{"text":" "},
{"tag":"span","attrib":{style:{1:"rgb(0, 110, 224)",2:"rgb(0, 110, 224)",39:"26.925px 8.5px",55:"rgb(0, 110, 224)",60:"rgb(0, 110, 224)",61:"rgb(0, 110, 224)",116:"26.925px 8.5px",144:"rgb(0, 110, 224)",264:"rgb(0, 110, 224)",271:"rgb(0, 110, 224)",276:"rgb(0, 110, 224)",289:"rgb(0, 110, 224)",295:"rgb(0, 110, 224)",298:"rgb(0, 110, 224)",301:"rgb(0, 110, 224)",304:"rgb(0, 110, 224)",317:"rgb(0, 110, 224)",320:"rgb(0, 110, 224)",323:"rgb(0, 110, 224)"}},"children":[
{"text":"content"},]},
{"tag":"span","attrib":{style:{1:"rgb(85, 85, 85)",2:"rgb(85, 85, 85)",39:"5.86667px 8.5px",55:"rgb(85, 85, 85)",60:"rgb(85, 85, 85)",61:"rgb(85, 85, 85)",116:"5.86667px 8.5px",144:"rgb(85, 85, 85)",264:"rgb(85, 85, 85)",271:"rgb(85, 85, 85)",276:"rgb(85, 85, 85)",289:"rgb(85, 85, 85)",295:"rgb(85, 85, 85)",298:"rgb(85, 85, 85)",301:"rgb(85, 85, 85)",304:"rgb(85, 85, 85)",317:"rgb(85, 85, 85)",320:"rgb(85, 85, 85)",323:"rgb(85, 85, 85)"}},"children":[
{"text":"="},]},
{"tag":"span","attrib":{style:{1:"rgb(215, 48, 56)",2:"rgb(215, 48, 56)",39:"193.908px 8.5px",55:"rgb(215, 48, 56)",60:"rgb(215, 48, 56)",61:"rgb(215, 48, 56)",116:"193.908px 8.5px",144:"rgb(215, 48, 56)",264:"rgb(215, 48, 56)",271:"rgb(215, 48, 56)",276:"rgb(215, 48, 56)",289:"rgb(215, 48, 56)",295:"rgb(215, 48, 56)",298:"rgb(215, 48, 56)",301:"rgb(215, 48, 56)",304:"rgb(215, 48, 56)",317:"rgb(215, 48, 56)",320:"rgb(215, 48, 56)",323:"rgb(215, 48, 56)"}},"children":[
{"text":"\"width=device-width, initial-scale=1, shrink-to-fit=no\""},]},
{"tag":"span","attrib":{style:{39:"5.86667px 8.5px",116:"5.86667px 8.5px"}},"children":[
{"text":">"},]},
{"text":"\n"},]},]},]},]},]},
{"tag":"p","attrib":{style:{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"},
{"tag":"h3","attrib":{"id":"box-sizing",style:{26:"696px",39:"348px 64.1583px",43:"auto",110:"auto",114:"static",115:"none",116:"348px 64.1583px",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:"32.3167px",192:"auto",197:"auto",198:"auto",199:"auto",200:"auto",201:"696px",206:"128.317px",217:"500",230:"26.9333px",240:"1",243:"auto",284:"auto",324:"128.317px"}},"children":[
{"tag":"span","attrib":{style:{32:"normal",39:"348px 16.1583px",115:"auto",116:"348px 16.1583px",177:"0px",182:"0px",183:"0px",184:"0px",206:"32.3167px",324:"32.3167px"}},"children":[
{"text":"Box-sizing"},
{"tag":"a","attrib":{"aria-label":"Anchor","href":"#box-sizing",style:{1:"rgba(0, 123, 255, 0.5)",2:"rgba(0, 123, 255, 0.5)",26:"auto",34:"ease-in-out, ease-in-out",35:"color, opacity",36:"0.15s, 0.15s",37:"0s, 0s",39:"16.3333px 16px",55:"rgba(0, 123, 255, 0.5)",60:"rgba(0, 123, 255, 0.5)",61:"rgba(0, 123, 255, 0.5)",116:"16.3333px 16px",124:"10.1px",125:"10.1px",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"},
{"tag":"p","attrib":{style:{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)",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",136:"break-word",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)",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",136:"break-word",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)",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",136:"break-word",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)",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",136:"break-word",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"},
{"tag":"p","attrib":{style:{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"},
{"tag":"div","attrib":{style:{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":{"type":"button","title":"",style:{1:"rgb(0, 123, 255)",2:"rgb(0, 123, 255)",19:"10",26:"44.4px",31:"none",32:"normal",39:"22.2px 12.8px",43:"10.4px",55:"rgb(0, 123, 255)",60:"rgb(0, 123, 255)",61:"rgb(0, 123, 255)",65:"center",110:"10.4px",114:"absolute",116:"22.2px 12.8px",122:"4px",123:"8px",124:"8px",125:"8px",126:"8px",127:"4px",128:"4px",129:"4px",144:"rgb(0, 123, 255)",188:"15.6px",192:"-54.8px",197:"-54.8px",198:"10.4px",199:"10.4px",200:"-36px",201:"44.4px",206:"25.6px",230:"10.4px",238:"none",254:"pointer",264:"rgb(0, 123, 255)",271:"rgb(0, 123, 255)",276:"rgb(0, 123, 255)",284:"-36px",285:"1px",286:"solid",287:"4px",288:"4px",289:"rgb(0, 123, 255)",290:"4px",291:"4px",293:"1px",294:"solid",295:"rgb(0, 123, 255)",296:"1px",297:"solid",298:"rgb(0, 123, 255)",299:"1px",300:"solid",301:"rgb(0, 123, 255)",302:"1px",303:"solid",304:"rgb(0, 123, 255)",310:"4px",311:"4px",313:"1px",314:"solid",315:"4px",316:"4px",317:"rgb(0, 123, 255)",318:"1px",319:"solid",320:"rgb(0, 123, 255)",321:"1px",322:"solid",323:"rgb(0, 123, 255)",324:"25.6px",332:"rgb(255, 255, 255)",338:"button"}},"children":[
{"text":"Copy"},]},]},
{"tag":"div","attrib":{style:{26:"696px",39:"348px 65.9px",43:"auto",110:"auto",114:"static",116:"348px 65.9px",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:"131.8px",240:"1",243:"auto",284:"auto",324:"131.8px",332:"rgb(248, 249, 250)"}},"children":[
{"tag":"pre","attrib":{"tabindex":"0",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",177:"10.4px",182:"10.4px",183:"10.4px",184:"10.4px",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",136:"break-word",137:"visible",138:"visible",140:"visible",177:"0px",182:"0px",183:"0px",184:"0px",201:"auto",206:"auto",250:"inline",324:"auto"}},"children":[
{"tag":"span","attrib":{style:{}},"children":[
{"tag":"span","attrib":{style:{}},"children":[
{"tag":"span","attrib":{style:{39:"2.225px 8.5px",116:"2.225px 8.5px"}},"children":[
{"text":"."},]},
{"tag":"span","attrib":{style:{1:"rgb(22, 129, 116)",2:"rgb(22, 129, 116)",39:"88.425px 8.5px",55:"rgb(22, 129, 116)",60:"rgb(22, 129, 116)",61:"rgb(22, 129, 116)",116:"88.425px 8.5px",144:"rgb(22, 129, 116)",264:"rgb(22, 129, 116)",271:"rgb(22, 129, 116)",276:"rgb(22, 129, 116)",289:"rgb(22, 129, 116)",295:"rgb(22, 129, 116)",298:"rgb(22, 129, 116)",301:"rgb(22, 129, 116)",304:"rgb(22, 129, 116)",317:"rgb(22, 129, 116)",320:"rgb(22, 129, 116)",323:"rgb(22, 129, 116)"}},"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:{39:"88.9833px 8.5px",116:"88.9833px 8.5px"}},"children":[
{"tag":"span","attrib":{style:{}},"children":[
{"text":" "},
{"tag":"span","attrib":{style:{1:"rgb(0, 102, 153)",2:"rgb(0, 102, 153)",39:"35.65px 8.5px",55:"rgb(0, 102, 153)",60:"rgb(0, 102, 153)",61:"rgb(0, 102, 153)",116:"35.65px 8.5px",144:"rgb(0, 102, 153)",264:"rgb(0, 102, 153)",271:"rgb(0, 102, 153)",276:"rgb(0, 102, 153)",289:"rgb(0, 102, 153)",295:"rgb(0, 102, 153)",298:"rgb(0, 102, 153)",301:"rgb(0, 102, 153)",304:"rgb(0, 102, 153)",317:"rgb(0, 102, 153)",320:"rgb(0, 102, 153)",323:"rgb(0, 102, 153)"}},"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:{1:"rgb(0, 102, 153)",2:"rgb(0, 102, 153)",39:"41.9417px 8.5px",55:"rgb(0, 102, 153)",60:"rgb(0, 102, 153)",61:"rgb(0, 102, 153)",116:"41.9417px 8.5px",144:"rgb(0, 102, 153)",264:"rgb(0, 102, 153)",271:"rgb(0, 102, 153)",276:"rgb(0, 102, 153)",289:"rgb(0, 102, 153)",295:"rgb(0, 102, 153)",298:"rgb(0, 102, 153)",301:"rgb(0, 102, 153)",304:"rgb(0, 102, 153)",317:"rgb(0, 102, 153)",320:"rgb(0, 102, 153)",323:"rgb(0, 102, 153)"}},"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":[
{"tag":"span","attrib":{style:{}},"children":[
{"tag":"span","attrib":{style:{}},"children":[
{"text":"}"},]},
{"text":"\n"},]},]},]},]},]},
{"tag":"p","attrib":{style:{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)",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",136:"break-word",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)",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",136:"break-word",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)",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",136:"break-word",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)",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",136:"break-word",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"},
{"tag":"p","attrib":{style:{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"},
{"tag":"h3","attrib":{"id":"reboot",style:{26:"696px",39:"348px 64.1583px",43:"auto",110:"auto",114:"static",115:"none",116:"348px 64.1583px",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:"32.3167px",192:"auto",197:"auto",198:"auto",199:"auto",200:"auto",201:"696px",206:"128.317px",217:"500",230:"26.9333px",240:"1",243:"auto",284:"auto",324:"128.317px"}},"children":[
{"tag":"span","attrib":{style:{32:"normal",39:"348px 16.1583px",115:"auto",116:"348px 16.1583px",177:"0px",182:"0px",183:"0px",184:"0px",206:"32.3167px",324:"32.3167px"}},"children":[
{"text":"Reboot"},
{"tag":"a","attrib":{"aria-label":"Anchor","href":"#reboot",style:{1:"rgba(0, 123, 255, 0.5)",2:"rgba(0, 123, 255, 0.5)",26:"auto",34:"ease-in-out, ease-in-out",35:"color, opacity",36:"0.15s, 0.15s",37:"0s, 0s",39:"16.3333px 16px",55:"rgba(0, 123, 255, 0.5)",60:"rgba(0, 123, 255, 0.5)",61:"rgba(0, 123, 255, 0.5)",116:"16.3333px 16px",124:"10.1px",125:"10.1px",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"},
{"tag":"p","attrib":{style:{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.6/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"},
{"tag":"h2","attrib":{"id":"community",style:{26:"696px",39:"348px 66.2417px",43:"auto",110:"auto",114:"static",115:"none",116:"348px 66.2417px",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:"36.4833px",192:"auto",197:"auto",198:"auto",199:"auto",200:"auto",201:"696px",206:"132.483px",217:"500",230:"30.4px",240:"1",243:"auto",284:"auto",324:"132.483px"}},"children":[
{"tag":"span","attrib":{style:{32:"normal",39:"348px 18.2417px",115:"auto",116:"348px 18.2417px",177:"0px",182:"0px",183:"0px",184:"0px",206:"36.4833px",324:"36.4833px"}},"children":[
{"text":"Community"},
{"tag":"a","attrib":{"aria-label":"Anchor","href":"#community",style:{1:"rgba(0, 123, 255, 0.5)",2:"rgba(0, 123, 255, 0.5)",26:"auto",34:"ease-in-out, ease-in-out",35:"color, opacity",36:"0.15s, 0.15s",37:"0s, 0s",39:"18.4417px 18.5px",55:"rgba(0, 123, 255, 0.5)",60:"rgba(0, 123, 255, 0.5)",61:"rgba(0, 123, 255, 0.5)",116:"18.4417px 18.5px",124:"11.4px",125:"11.4px",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"},
{"tag":"p","attrib":{style:{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"},
{"tag":"ul","attrib":{style:{26:"556.8px",39:"278.4px 115px",43:"auto",110:"auto",114:"static",116:"278.4px 115px",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:"230px",240:"1",243:"auto",256:"list-item 0",284:"auto",324:"230px"}},"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":"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)",26:"auto",32:"normal",39:"50.0083px 8.5px",55:"rgb(232, 62, 140)",60:"rgb(232, 62, 140)",61:"rgb(232, 62, 140)",116:"50.0083px 8.5px",136:"break-word",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.libera.chat"},]},
{"text":" server, in the "},
{"tag":"code","attrib":{style:{1:"rgb(232, 62, 140)",2:"rgb(232, 62, 140)",26:"auto",32:"normal",39:"40.0167px 8.5px",55:"rgb(232, 62, 140)",60:"rgb(232, 62, 140)",61:"rgb(232, 62, 140)",116:"40.0167px 8.5px",136:"break-word",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:{39:"40.9667px 8.5px",116:"40.9667px 8.5px",136:"break-word",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)",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",136:"break-word",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"},
{"tag":"p","attrib":{style:{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"},
{"tag":"h2","attrib":{"id":"csps-and-embedded-svgs",style:{26:"696px",39:"348px 66.2417px",43:"auto",110:"auto",114:"static",115:"none",116:"348px 66.2417px",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:"36.4833px",192:"auto",197:"auto",198:"auto",199:"auto",200:"auto",201:"696px",206:"132.483px",217:"500",230:"30.4px",240:"1",243:"auto",284:"auto",324:"132.483px"}},"children":[
{"tag":"span","attrib":{style:{32:"normal",39:"348px 18.2417px",115:"auto",116:"348px 18.2417px",177:"0px",182:"0px",183:"0px",184:"0px",206:"36.4833px",324:"36.4833px"}},"children":[
{"text":"CSPs and embedded SVGs"},
{"tag":"a","attrib":{"aria-label":"Anchor","href":"#csps-and-embedded-svgs",style:{1:"rgba(0, 123, 255, 0.5)",2:"rgba(0, 123, 255, 0.5)",26:"auto",34:"ease-in-out, ease-in-out",35:"color, opacity",36:"0.15s, 0.15s",37:"0s, 0s",39:"18.4417px 18.5px",55:"rgba(0, 123, 255, 0.5)",60:"rgba(0, 123, 255, 0.5)",61:"rgba(0, 123, 255, 0.5)",116:"18.4417px 18.5px",124:"11.4px",125:"11.4px",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"},
{"tag":"p","attrib":{style:{26:"556.8px",39:"278.4px 72px",43:"auto",110:"auto",114:"static",116:"278.4px 72px",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:"144px",240:"1",243:"auto",284:"auto",324:"144px"}},"children":[
{"text":"Several Bootstrap components include embedded SVGs in our CSS to style components consistently and easily across browsers and devices. "},
{"tag":"strong","attrib":{style:{26:"auto",32:"normal",39:"174.4px 9.5px",116:"174.4px 9.5px",158:"none",159:"none",182:"0px",184:"0px",201:"auto",206:"auto",217:"700",250:"inline",324:"auto"}},"children":[
{"text":"For organizations with more strict "},
{"tag":"abbr","attrib":{"title":"Content Security Policy",style:{39:"17.6417px 9.5px",57:"dotted",58:"none",59:"underline",61:"underline dotted rgb(33, 37, 41)",116:"17.6417px 9.5px",254:"help"}},"children":[
{"text":"CSP"},]},
{"text":" configurations"},]},
{"text":", we’ve documented all instances of our embedded SVGs (all of which are applied via "},
{"tag":"code","attrib":{style:{1:"rgb(232, 62, 140)",2:"rgb(232, 62, 140)",26:"auto",32:"normal",39:"66.4167px 8.5px",55:"rgb(232, 62, 140)",60:"rgb(232, 62, 140)",61:"rgb(232, 62, 140)",116:"66.4167px 8.5px",136:"break-word",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":"background-image"},]},
{"text":") so you can more thoroughly review your options."},]},
{"text":"\n"},
{"tag":"ul","attrib":{style:{26:"556.8px",39:"278.4px 97.75px",43:"auto",110:"auto",114:"static",116:"278.4px 97.75px",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:"195.5px",240:"1",243:"auto",256:"list-item 0",284:"auto",324:"195.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":[
{"tag":"a","attrib":{"href":"/docs/4.6/utilities/close-icon/",style:{1:"rgb(0, 123, 255)",2:"rgb(0, 123, 255)",26:"auto",32:"normal",39:"50.7px 9.5px",55:"rgb(0, 123, 255)",60:"rgb(0, 123, 255)",61:"rgb(0, 123, 255)",116:"50.7px 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":"Close button"},]},
{"text":" (used in alerts and modals)"},]},
{"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":[
{"tag":"a","attrib":{"href":"/docs/4.6/components/forms/#custom-forms",style:{1:"rgb(0, 123, 255)",2:"rgb(0, 123, 255)",26:"auto",32:"normal",39:"153.492px 9.5px",55:"rgb(0, 123, 255)",60:"rgb(0, 123, 255)",61:"rgb(0, 123, 255)",116:"153.492px 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":"Custom checkboxes and radio buttons"},]},]},
{"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":[
{"tag":"a","attrib":{"href":"/docs/4.6/components/forms/#switches",style:{1:"rgb(0, 123, 255)",2:"rgb(0, 123, 255)",26:"auto",32:"normal",39:"57.3167px 9.5px",55:"rgb(0, 123, 255)",60:"rgb(0, 123, 255)",61:"rgb(0, 123, 255)",116:"57.3167px 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":"Form switches"},]},]},
{"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":[
{"tag":"a","attrib":{"href":"/docs/4.6/components/forms/#validation",style:{1:"rgb(0, 123, 255)",2:"rgb(0, 123, 255)",26:"auto",32:"normal",39:"85.3583px 9.5px",55:"rgb(0, 123, 255)",60:"rgb(0, 123, 255)",61:"rgb(0, 123, 255)",116:"85.3583px 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":"Form validation icons"},]},]},
{"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":[
{"tag":"a","attrib":{"href":"/docs/4.6/components/forms/#select-menu",style:{1:"rgb(0, 123, 255)",2:"rgb(0, 123, 255)",26:"auto",32:"normal",39:"86.5083px 9.5px",55:"rgb(0, 123, 255)",60:"rgb(0, 123, 255)",61:"rgb(0, 123, 255)",116:"86.5083px 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":"Custom select menus"},]},]},
{"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":[
{"tag":"a","attrib":{"href":"/docs/4.6/components/carousel/#with-controls",style:{1:"rgb(0, 123, 255)",2:"rgb(0, 123, 255)",26:"auto",32:"normal",39:"69.3083px 9.5px",55:"rgb(0, 123, 255)",60:"rgb(0, 123, 255)",61:"rgb(0, 123, 255)",116:"69.3083px 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":"Carousel controls"},]},]},
{"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":[
{"tag":"a","attrib":{"href":"/docs/4.6/components/navbar/#responsive-behaviors",style:{1:"rgb(0, 123, 255)",2:"rgb(0, 123, 255)",26:"auto",32:"normal",39:"89.825px 9.5px",55:"rgb(0, 123, 255)",60:"rgb(0, 123, 255)",61:"rgb(0, 123, 255)",116:"89.825px 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":"Navbar toggle buttons"},]},]},
{"text":"\n"},]},
{"text":"\n"},
{"tag":"p","attrib":{style:{26:"556.8px",39:"278.4px 72px",43:"auto",110:"auto",114:"static",116:"278.4px 72px",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:"144px",240:"1",243:"auto",284:"auto",324:"144px"}},"children":[
{"text":"Based on "},
{"tag":"a","attrib":{"href":"https://github.com/twbs/bootstrap/issues/25394",style:{1:"rgb(0, 123, 255)",2:"rgb(0, 123, 255)",26:"auto",32:"normal",39:"99.3333px 9.5px",55:"rgb(0, 123, 255)",60:"rgb(0, 123, 255)",61:"rgb(0, 123, 255)",116:"99.3333px 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":"community conversation"},]},
{"text":", some options for addressing this in your own codebase include replacing the URLs with locally hosted assets, removing the images and using inline images (not possible in all components), and modifying your CSP. Our recommendation is to carefully review your own security policies and decide on a best path forward, if necessary."},]},
{"text":"\n\n "},]},
{"text":"\n "},]},
{"text":"\n "},]},
{"text":"\n\n "},
{"text":"\n"},
{"text":"\n\n"},
{"text":"\n\n\n"},
{"text":"\n\n"},
{"text":"\n\n \n\n"},]}};
let zIndexMax = 0
let base_url = "https:\/\/getbootstrap.com\/docs\/4.6\/getting-started\/introduction\/";
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,{})
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+4)
}