{"id":5866,"date":"2016-05-10T12:29:00","date_gmt":"2016-05-10T12:29:00","guid":{"rendered":"https:\/\/www.htmlgoodies.com\/uncategorized\/10-common-uses-of-bootstrap\/"},"modified":"2021-08-05T20:54:02","modified_gmt":"2021-08-05T20:54:02","slug":"10-common-uses-of-bootstrap","status":"publish","type":"post","link":"https:\/\/www.htmlgoodies.com\/html5\/10-common-uses-of-bootstrap\/","title":{"rendered":"10 Common Uses of Bootstrap"},"content":{"rendered":"<p>Bootstrap is a framework to help you design websites faster and easier. It includes HTML and CSS based design templates for typography, forms, buttons, tables, navigation, modals, image carousels, etc. It also gives you support for JavaScript plugins. &nbsp;<\/p>\n<p>To learn about the inner workings of Bootstrap, I contacted Stas Demchuk, Senior Software Engineer at: <a href=\"http:\/\/www.8sph.com\/\">8sph.com<\/a>.<\/p>\n<p>Here&rsquo;s what you need to know:<\/p>\n<p>1.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; First of all, Bootstrap is the most popular framework for creating layouts. Here are some additional reasons to use Bootstrap:<\/p>\n<ul>\n<li>Bootstrap&#8217;s responsive CSS adjusts to phones, tablets, and desktops<\/li>\n<li>Mobile-first styles are part of the framework<\/li>\n<li>Bootstrap is compatible with all modern browsers (Chrome, Firefox, Internet Explorer, Safari, and Opera)<\/li>\n<\/ul>\n<p>2. Bootstrap has a big community and friendly support. For resources visit:<\/p>\n<ul>\n<li>Check out the <a href=\"http:\/\/blog.getbootstrap.com\/\">Bootstrap Blog<\/a>.<\/li>\n<li>You can chat with Bootstrappers with IRC in the irc.freenode.net server, in the ##bootstrap channel.<\/li>\n<li>Have a look at what people are doing with Bootstrap at the <a href=\"http:\/\/expo.getbootstrap.com\/\">Bootstrap Expo<\/a>.<\/li>\n<\/ul>\n<p>3. Bootstrap is easy to set up and create a working layout in less than an hour<\/p>\n<p>They have a basic template available at&nbsp;<a href=\"http:\/\/getbootstrap.com\/getting-started\/#template\" target=\"_blank\" rel=\"noopener\">http:\/\/getbootstrap.com\/getting-started\/#template<\/a>&nbsp;and also a set of examples for different needs (<a href=\"http:\/\/getbootstrap.com\/getting-started\/#examples\" target=\"_blank\" rel=\"noopener\">http:\/\/getbootstrap.com\/getting-started\/#examples<\/a>). You can just download the bootstrap repository, go to&nbsp;<em>docs\/examples<\/em>&nbsp;folder, copy\/paste the example you need and work on it.<\/p>\n<p>4. You don&#8217;t need to know HTML and CSS well to use bootstrap, it&#8217;s a plus if you&#8217;re a backend developer and need to do some UI changes.<\/p>\n<p>5. It&#8217;s fully customizable, I can choose which components I&#8217;d like to use and use variables file to get do even more color and behavior customization.<\/p>\n<p>All you need to do is visit&nbsp;<a href=\"http:\/\/getbootstrap.com\/customize\/\" target=\"_blank\" rel=\"noopener\">http:\/\/getbootstrap.com\/customize\/<\/a> , choose the plugins you need and click&nbsp;<strong>download<\/strong>. Bootstrap also provides a way to override its internal variables for advanced users, but they provide pretty decent defaults, so you shouldn&#8217;t worry about this unless you need to.<\/p>\n<p>6. When you update the version of Bootstrap, you won&#8217;t see tons of errors because their core team cares about backwards compatibility.<\/p>\n<p>7. Their documentation is great! Here are some resources to check out:<\/p>\n<ul>\n<li><a href=\"https:\/\/www.w3schools.com\/bootstrap\/\">Bootstrap 3 Tutorial<\/a><\/li>\n<li><a href=\"http:\/\/www.w3schools.com\/bootstrap\/\"><\/a><a href=\"https:\/\/www.codecademy.com\/catalog\/subject\/all\">Code Academy: Bootstrap<\/a><\/li>\n<li><a href=\"https:\/\/www.codecademy.com\/courses\/web-beginner-en-yjvdd\/0\/1\"><\/a><a href=\"https:\/\/webdesign.tutsplus.com\/categories\/bootstrap\">Web Design Tutorials: Bootstrap<\/a><\/li>\n<\/ul>\n<p>8. Bootstrap offers a lot of helper classes that make development of a responsive website easy and fast.<\/p>\n<p>You can turn any fixed-width layout into a fluid one by simply changing your parent&nbsp;<strong>.container<\/strong>&nbsp;class to&nbsp;<strong>.container-fluid<\/strong>.<\/p>\n<p>Bootstrap also has&nbsp;<strong>.visible-*-*<\/strong>&nbsp;classes to help you control the way your sections are displayed on tablets and mobile devices. Example:<\/p>\n<p>&lt;div class=&#8221;visible-xs-block visible-sm-block&#8221;&gt;&lt;\/div&gt;<\/p>\n<p>In this case, the div will be displayed as a section with&nbsp;<strong>display: block<\/strong>&nbsp;only on phones and tablets. It will be hidden on desktop.<\/p>\n<p>9. Bootstrap&rsquo;s components are well-adopted to the ecosystem of popular JS MVC Frameworks like Angular. Bootstrap provides several ways to include it into your project:<\/p>\n<p>Using bower:<\/p>\n<p><strong>bower install bootstrap<\/strong><\/p>\n<p>Using npm:<\/p>\n<p><strong>npm install bootstrap<\/strong><\/p>\n<p>And just simply adding a script tag with the url to bootstrap source on CDN.<\/p>\n<p>We also have&nbsp;<strong>ui-bootstrap<\/strong>&nbsp;for Angular.js and&nbsp;<strong>react-bootstrap<\/strong>&nbsp;for React. You can also install them via Bower and npm. And then, for example, to create a collapse element, you just need to create similar markup:<\/p>\n<p>&lt;div uib-collapse=&#8221;isCollapsed&#8221;&gt;<\/p>\n<p>&lt;div class=&#8221;well well-lg&#8221;&gt;<\/p>\n<p>Content of the collapse<\/p>\n<p>&lt;\/div&gt;<\/p>\n<p>&lt;\/div&gt;<\/p>\n<p>Instead of doing a lot of jquery configuration like you would normally.<\/p>\n<p>10. Bootstrap resolves a lot of cross-browser issues and you don&#8217;t need to worry about that most of the time.<\/p>\n<p><em>Note: Bootstrap is designed to work with latest desktop and mobile browsers. This means that displays might be different in older browsers and might render differently, though according to the documentation, the displays should be fully functional.<\/em><\/p>\n<p>Here are a couple of screen shots about browser compatibility.<\/p>\n<p><img alt=\"browser\" height=\"201\" src=\"https:\/\/www.htmlgoodies.com\/wp-content\/uploads\/2021\/04\/supported-browsers.gif\" width=\"500\" \/><\/p>\n<p><a href=\"http:\/\/getbootstrap.com\/browser-bugs\/\">This is a link to list of the browser bugs Bootstrap has to deal with<\/a>.<\/p>\n<p><a href=\"http:\/\/caniuse.com\/\">This is a link to a list of browser support of CSS3 and HTML5 features<\/a>.<\/p>\n<p><span style=\"text-decoration: underline;\">Additional Notes<\/span><\/p>\n<p>From time-to-time you&#8217;ll probably want to print your layouts but you should know that printing can be tricky. Here are a couple of things to watch out for:<\/p>\n<p>&#8220;As of Chrome v32 and regardless of margin settings, Chrome uses a viewport width significantly narrower than the physical paper size when resolving media queries while printing a webpage. This can result in Bootstrap&#8217;s extra-small grid being unexpectedly activated when printing. See #12078 for some details.&#8221;<\/p>\n<p>For more information, <a href=\"http:\/\/getbootstrap.com\/getting-started\/#support-printing\">check out this section on printing<\/a>.&nbsp;<\/p>\n<p><strong>The Android Stock Browser: <\/strong>&#8220;Android 4.1 (and some newer releases apparently) ship with the Browser app as the default web browser of choice (as opposed to Chrome). Unfortunately, the Browser app has lots of bugs and inconsistencies with CSS in general.&#8221;<\/p>\n<p>Box Sizing: Some 3rd party programs such as Google Maps and Google Custom Search Engine, create conflicts with Bootstrap. this is due to { box-sizing: border-box; }. For an in-depth read, check out the <a href=\"http:\/\/getbootstrap.com\/getting-started\/\">Getting Started page<\/a> at GetBootStrap.com.<strong><\/strong><\/p>\n<p>Thanks once again to Stas Demchuk, Senior Software Engineer at: <a href=\"http:\/\/www.8sph.com\/\">8sph.com<\/a>.<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Bootstrap is a framework to help you design websites faster and easier. It includes HTML and CSS based design templates for typography, forms, buttons, tables, navigation, modals, image carousels, etc. It also gives you support for JavaScript plugins. &nbsp; To learn about the inner workings of Bootstrap, I contacted Stas Demchuk, Senior Software Engineer at: [&hellip;]<\/p>\n","protected":false},"author":82,"featured_media":5867,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[30618],"tags":[6595,4810,2003,2053],"b2b_audience":[29],"b2b_industry":[52],"b2b_product":[98],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v18.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>10 Common Uses of Bootstrap | HTML Goodies<\/title>\n<meta name=\"description\" content=\"Bootstrap is a framework to help you design websites faster and easier. It includes HTML and CSS based design templates for typography, forms, buttons,\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.htmlgoodies.com\/html5\/10-common-uses-of-bootstrap\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"10 Common Uses of Bootstrap | HTML Goodies\" \/>\n<meta property=\"og:description\" content=\"Bootstrap is a framework to help you design websites faster and easier. It includes HTML and CSS based design templates for typography, forms, buttons,\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.htmlgoodies.com\/html5\/10-common-uses-of-bootstrap\/\" \/>\n<meta property=\"og:site_name\" content=\"HTML Goodies\" \/>\n<meta property=\"article:published_time\" content=\"2016-05-10T12:29:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-08-05T20:54:02+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.htmlgoodies.com\/wp-content\/uploads\/2021\/04\/supported-browsers.gif\" \/>\n\t<meta property=\"og:image:width\" content=\"500\" \/>\n\t<meta property=\"og:image:height\" content=\"201\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/gif\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@htmlgoodies\" \/>\n<meta name=\"twitter:site\" content=\"@htmlgoodies\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Nathan Segal\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.htmlgoodies.com\/#organization\",\"name\":\"HTML Goodies\",\"url\":\"https:\/\/www.htmlgoodies.com\/\",\"sameAs\":[\"https:\/\/twitter.com\/htmlgoodies\"],\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.htmlgoodies.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.htmlgoodies.com\/wp-content\/uploads\/2021\/03\/HTMLg_weblogo_MobileLogo.png\",\"contentUrl\":\"https:\/\/www.htmlgoodies.com\/wp-content\/uploads\/2021\/03\/HTMLg_weblogo_MobileLogo.png\",\"width\":584,\"height\":136,\"caption\":\"HTML Goodies\"},\"image\":{\"@id\":\"https:\/\/www.htmlgoodies.com\/#\/schema\/logo\/image\/\"}},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.htmlgoodies.com\/#website\",\"url\":\"https:\/\/www.htmlgoodies.com\/\",\"name\":\"HTML Goodies\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.htmlgoodies.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.htmlgoodies.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.htmlgoodies.com\/html5\/10-common-uses-of-bootstrap\/#primaryimage\",\"url\":\"https:\/\/www.htmlgoodies.com\/wp-content\/uploads\/2021\/04\/supported-browsers.gif\",\"contentUrl\":\"https:\/\/www.htmlgoodies.com\/wp-content\/uploads\/2021\/04\/supported-browsers.gif\",\"width\":500,\"height\":201},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.htmlgoodies.com\/html5\/10-common-uses-of-bootstrap\/#webpage\",\"url\":\"https:\/\/www.htmlgoodies.com\/html5\/10-common-uses-of-bootstrap\/\",\"name\":\"10 Common Uses of Bootstrap | HTML Goodies\",\"isPartOf\":{\"@id\":\"https:\/\/www.htmlgoodies.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.htmlgoodies.com\/html5\/10-common-uses-of-bootstrap\/#primaryimage\"},\"datePublished\":\"2016-05-10T12:29:00+00:00\",\"dateModified\":\"2021-08-05T20:54:02+00:00\",\"description\":\"Bootstrap is a framework to help you design websites faster and easier. It includes HTML and CSS based design templates for typography, forms, buttons,\",\"breadcrumb\":{\"@id\":\"https:\/\/www.htmlgoodies.com\/html5\/10-common-uses-of-bootstrap\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.htmlgoodies.com\/html5\/10-common-uses-of-bootstrap\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.htmlgoodies.com\/html5\/10-common-uses-of-bootstrap\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.htmlgoodies.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"10 Common Uses of Bootstrap\"}]},{\"@type\":\"Article\",\"@id\":\"https:\/\/www.htmlgoodies.com\/html5\/10-common-uses-of-bootstrap\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.htmlgoodies.com\/html5\/10-common-uses-of-bootstrap\/#webpage\"},\"author\":{\"@id\":\"https:\/\/www.htmlgoodies.com\/#\/schema\/person\/f65897feb0e33b56161d84ae52ccbd86\"},\"headline\":\"10 Common Uses of Bootstrap\",\"datePublished\":\"2016-05-10T12:29:00+00:00\",\"dateModified\":\"2021-08-05T20:54:02+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.htmlgoodies.com\/html5\/10-common-uses-of-bootstrap\/#webpage\"},\"wordCount\":878,\"publisher\":{\"@id\":\"https:\/\/www.htmlgoodies.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.htmlgoodies.com\/html5\/10-common-uses-of-bootstrap\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.htmlgoodies.com\/wp-content\/uploads\/2021\/04\/supported-browsers.gif\",\"keywords\":[\"bootstrap\",\"CSS\",\"HTML5\",\"mobile\"],\"articleSection\":[\"HTML5\"],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.htmlgoodies.com\/#\/schema\/person\/f65897feb0e33b56161d84ae52ccbd86\",\"name\":\"Nathan Segal\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.htmlgoodies.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/66edd514ab3f0ecbbbf02407c5e30883?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/66edd514ab3f0ecbbbf02407c5e30883?s=96&d=mm&r=g\",\"caption\":\"Nathan Segal\"},\"url\":\"https:\/\/www.htmlgoodies.com\/author\/nathan-segal\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"10 Common Uses of Bootstrap | HTML Goodies","description":"Bootstrap is a framework to help you design websites faster and easier. It includes HTML and CSS based design templates for typography, forms, buttons,","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.htmlgoodies.com\/html5\/10-common-uses-of-bootstrap\/","og_locale":"en_US","og_type":"article","og_title":"10 Common Uses of Bootstrap | HTML Goodies","og_description":"Bootstrap is a framework to help you design websites faster and easier. It includes HTML and CSS based design templates for typography, forms, buttons,","og_url":"https:\/\/www.htmlgoodies.com\/html5\/10-common-uses-of-bootstrap\/","og_site_name":"HTML Goodies","article_published_time":"2016-05-10T12:29:00+00:00","article_modified_time":"2021-08-05T20:54:02+00:00","og_image":[{"width":500,"height":201,"url":"https:\/\/www.htmlgoodies.com\/wp-content\/uploads\/2021\/04\/supported-browsers.gif","type":"image\/gif"}],"twitter_card":"summary_large_image","twitter_creator":"@htmlgoodies","twitter_site":"@htmlgoodies","twitter_misc":{"Written by":"Nathan Segal","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Organization","@id":"https:\/\/www.htmlgoodies.com\/#organization","name":"HTML Goodies","url":"https:\/\/www.htmlgoodies.com\/","sameAs":["https:\/\/twitter.com\/htmlgoodies"],"logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.htmlgoodies.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.htmlgoodies.com\/wp-content\/uploads\/2021\/03\/HTMLg_weblogo_MobileLogo.png","contentUrl":"https:\/\/www.htmlgoodies.com\/wp-content\/uploads\/2021\/03\/HTMLg_weblogo_MobileLogo.png","width":584,"height":136,"caption":"HTML Goodies"},"image":{"@id":"https:\/\/www.htmlgoodies.com\/#\/schema\/logo\/image\/"}},{"@type":"WebSite","@id":"https:\/\/www.htmlgoodies.com\/#website","url":"https:\/\/www.htmlgoodies.com\/","name":"HTML Goodies","description":"","publisher":{"@id":"https:\/\/www.htmlgoodies.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.htmlgoodies.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.htmlgoodies.com\/html5\/10-common-uses-of-bootstrap\/#primaryimage","url":"https:\/\/www.htmlgoodies.com\/wp-content\/uploads\/2021\/04\/supported-browsers.gif","contentUrl":"https:\/\/www.htmlgoodies.com\/wp-content\/uploads\/2021\/04\/supported-browsers.gif","width":500,"height":201},{"@type":"WebPage","@id":"https:\/\/www.htmlgoodies.com\/html5\/10-common-uses-of-bootstrap\/#webpage","url":"https:\/\/www.htmlgoodies.com\/html5\/10-common-uses-of-bootstrap\/","name":"10 Common Uses of Bootstrap | HTML Goodies","isPartOf":{"@id":"https:\/\/www.htmlgoodies.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.htmlgoodies.com\/html5\/10-common-uses-of-bootstrap\/#primaryimage"},"datePublished":"2016-05-10T12:29:00+00:00","dateModified":"2021-08-05T20:54:02+00:00","description":"Bootstrap is a framework to help you design websites faster and easier. It includes HTML and CSS based design templates for typography, forms, buttons,","breadcrumb":{"@id":"https:\/\/www.htmlgoodies.com\/html5\/10-common-uses-of-bootstrap\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.htmlgoodies.com\/html5\/10-common-uses-of-bootstrap\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.htmlgoodies.com\/html5\/10-common-uses-of-bootstrap\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.htmlgoodies.com\/"},{"@type":"ListItem","position":2,"name":"10 Common Uses of Bootstrap"}]},{"@type":"Article","@id":"https:\/\/www.htmlgoodies.com\/html5\/10-common-uses-of-bootstrap\/#article","isPartOf":{"@id":"https:\/\/www.htmlgoodies.com\/html5\/10-common-uses-of-bootstrap\/#webpage"},"author":{"@id":"https:\/\/www.htmlgoodies.com\/#\/schema\/person\/f65897feb0e33b56161d84ae52ccbd86"},"headline":"10 Common Uses of Bootstrap","datePublished":"2016-05-10T12:29:00+00:00","dateModified":"2021-08-05T20:54:02+00:00","mainEntityOfPage":{"@id":"https:\/\/www.htmlgoodies.com\/html5\/10-common-uses-of-bootstrap\/#webpage"},"wordCount":878,"publisher":{"@id":"https:\/\/www.htmlgoodies.com\/#organization"},"image":{"@id":"https:\/\/www.htmlgoodies.com\/html5\/10-common-uses-of-bootstrap\/#primaryimage"},"thumbnailUrl":"https:\/\/www.htmlgoodies.com\/wp-content\/uploads\/2021\/04\/supported-browsers.gif","keywords":["bootstrap","CSS","HTML5","mobile"],"articleSection":["HTML5"],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.htmlgoodies.com\/#\/schema\/person\/f65897feb0e33b56161d84ae52ccbd86","name":"Nathan Segal","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.htmlgoodies.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/66edd514ab3f0ecbbbf02407c5e30883?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/66edd514ab3f0ecbbbf02407c5e30883?s=96&d=mm&r=g","caption":"Nathan Segal"},"url":"https:\/\/www.htmlgoodies.com\/author\/nathan-segal\/"}]}},"_links":{"self":[{"href":"https:\/\/www.htmlgoodies.com\/wp-json\/wp\/v2\/posts\/5866"}],"collection":[{"href":"https:\/\/www.htmlgoodies.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.htmlgoodies.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.htmlgoodies.com\/wp-json\/wp\/v2\/users\/82"}],"replies":[{"embeddable":true,"href":"https:\/\/www.htmlgoodies.com\/wp-json\/wp\/v2\/comments?post=5866"}],"version-history":[{"count":0,"href":"https:\/\/www.htmlgoodies.com\/wp-json\/wp\/v2\/posts\/5866\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.htmlgoodies.com\/wp-json\/wp\/v2\/media\/5867"}],"wp:attachment":[{"href":"https:\/\/www.htmlgoodies.com\/wp-json\/wp\/v2\/media?parent=5866"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.htmlgoodies.com\/wp-json\/wp\/v2\/categories?post=5866"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.htmlgoodies.com\/wp-json\/wp\/v2\/tags?post=5866"},{"taxonomy":"b2b_audience","embeddable":true,"href":"https:\/\/www.htmlgoodies.com\/wp-json\/wp\/v2\/b2b_audience?post=5866"},{"taxonomy":"b2b_industry","embeddable":true,"href":"https:\/\/www.htmlgoodies.com\/wp-json\/wp\/v2\/b2b_industry?post=5866"},{"taxonomy":"b2b_product","embeddable":true,"href":"https:\/\/www.htmlgoodies.com\/wp-json\/wp\/v2\/b2b_product?post=5866"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}