{"id":46,"date":"2016-02-21T05:01:17","date_gmt":"2016-02-21T05:01:17","guid":{"rendered":"https:\/\/danielepais.com\/journal\/2016\/02\/21\/how-to-fix-dropdown-submenu-missing-from-bootstrap-3\/"},"modified":"2022-02-03T14:16:24","modified_gmt":"2022-02-03T07:16:24","slug":"how-to-fix-dropdown-submenu-missing-from-bootstrap-3","status":"publish","type":"post","link":"https:\/\/danielepais.com\/journal\/how-to-fix-dropdown-submenu-missing-from-bootstrap-3\/","title":{"rendered":"How to fix dropdown-submenu missing from Bootstrap 3"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/ywAAAAAAQABAAACAUwAOw==\" fifu-lazy=\"1\" fifu-data-sizes=\"auto\" fifu-data-srcset=\"https:\/\/wp.fifu.app\/danielepais.com\/aHR0cHM6Ly9kYW5pZWxlcGFpcy5jb20vam91cm5hbC93cC1jb250ZW50L3VwbG9hZHMvMjAxNi8wMi9ob3ctdG8tZml4LWRyb3Bkb3duLXN1Ym1lbnUtbWlzc2luZy1mcm9tLUJvb3RzdHJhcC0zLmpwZw\/53746921196c\/how-to-fix-dropdown-submenu-missing-from-bootstrap-3.webp?p=46&w=75&h=0&c=0 75w, https:\/\/wp.fifu.app\/danielepais.com\/aHR0cHM6Ly9kYW5pZWxlcGFpcy5jb20vam91cm5hbC93cC1jb250ZW50L3VwbG9hZHMvMjAxNi8wMi9ob3ctdG8tZml4LWRyb3Bkb3duLXN1Ym1lbnUtbWlzc2luZy1mcm9tLUJvb3RzdHJhcC0zLmpwZw\/533561b0a638\/how-to-fix-dropdown-submenu-missing-from-bootstrap-3.webp?p=46&w=100&h=0&c=0 100w, https:\/\/wp.fifu.app\/danielepais.com\/aHR0cHM6Ly9kYW5pZWxlcGFpcy5jb20vam91cm5hbC93cC1jb250ZW50L3VwbG9hZHMvMjAxNi8wMi9ob3ctdG8tZml4LWRyb3Bkb3duLXN1Ym1lbnUtbWlzc2luZy1mcm9tLUJvb3RzdHJhcC0zLmpwZw\/6cab706669c5\/how-to-fix-dropdown-submenu-missing-from-bootstrap-3.webp?p=46&w=150&h=0&c=0 150w, https:\/\/wp.fifu.app\/danielepais.com\/aHR0cHM6Ly9kYW5pZWxlcGFpcy5jb20vam91cm5hbC93cC1jb250ZW50L3VwbG9hZHMvMjAxNi8wMi9ob3ctdG8tZml4LWRyb3Bkb3duLXN1Ym1lbnUtbWlzc2luZy1mcm9tLUJvb3RzdHJhcC0zLmpwZw\/0ab39d760335\/how-to-fix-dropdown-submenu-missing-from-bootstrap-3.webp?p=46&w=240&h=0&c=0 240w, https:\/\/wp.fifu.app\/danielepais.com\/aHR0cHM6Ly9kYW5pZWxlcGFpcy5jb20vam91cm5hbC93cC1jb250ZW50L3VwbG9hZHMvMjAxNi8wMi9ob3ctdG8tZml4LWRyb3Bkb3duLXN1Ym1lbnUtbWlzc2luZy1mcm9tLUJvb3RzdHJhcC0zLmpwZw\/4b79eba8ed6f\/how-to-fix-dropdown-submenu-missing-from-bootstrap-3.webp?p=46&w=320&h=0&c=0 320w, https:\/\/wp.fifu.app\/danielepais.com\/aHR0cHM6Ly9kYW5pZWxlcGFpcy5jb20vam91cm5hbC93cC1jb250ZW50L3VwbG9hZHMvMjAxNi8wMi9ob3ctdG8tZml4LWRyb3Bkb3duLXN1Ym1lbnUtbWlzc2luZy1mcm9tLUJvb3RzdHJhcC0zLmpwZw\/cf5e51a64dc3\/how-to-fix-dropdown-submenu-missing-from-bootstrap-3.webp?p=46&w=500&h=0&c=0 500w, https:\/\/wp.fifu.app\/danielepais.com\/aHR0cHM6Ly9kYW5pZWxlcGFpcy5jb20vam91cm5hbC93cC1jb250ZW50L3VwbG9hZHMvMjAxNi8wMi9ob3ctdG8tZml4LWRyb3Bkb3duLXN1Ym1lbnUtbWlzc2luZy1mcm9tLUJvb3RzdHJhcC0zLmpwZw\/6290c4510c4a\/how-to-fix-dropdown-submenu-missing-from-bootstrap-3.webp?p=46&w=640&h=0&c=0 640w, https:\/\/wp.fifu.app\/danielepais.com\/aHR0cHM6Ly9kYW5pZWxlcGFpcy5jb20vam91cm5hbC93cC1jb250ZW50L3VwbG9hZHMvMjAxNi8wMi9ob3ctdG8tZml4LWRyb3Bkb3duLXN1Ym1lbnUtbWlzc2luZy1mcm9tLUJvb3RzdHJhcC0zLmpwZw\/02c3be4584d6\/how-to-fix-dropdown-submenu-missing-from-bootstrap-3.webp?p=46&w=800&h=0&c=0 800w, https:\/\/wp.fifu.app\/danielepais.com\/aHR0cHM6Ly9kYW5pZWxlcGFpcy5jb20vam91cm5hbC93cC1jb250ZW50L3VwbG9hZHMvMjAxNi8wMi9ob3ctdG8tZml4LWRyb3Bkb3duLXN1Ym1lbnUtbWlzc2luZy1mcm9tLUJvb3RzdHJhcC0zLmpwZw\/6a0d7314689c\/how-to-fix-dropdown-submenu-missing-from-bootstrap-3.webp?p=46&w=1024&h=0&c=0 1024w, https:\/\/wp.fifu.app\/danielepais.com\/aHR0cHM6Ly9kYW5pZWxlcGFpcy5jb20vam91cm5hbC93cC1jb250ZW50L3VwbG9hZHMvMjAxNi8wMi9ob3ctdG8tZml4LWRyb3Bkb3duLXN1Ym1lbnUtbWlzc2luZy1mcm9tLUJvb3RzdHJhcC0zLmpwZw\/5659c87ff903\/how-to-fix-dropdown-submenu-missing-from-bootstrap-3.webp?p=46&w=1280&h=0&c=0 1280w, https:\/\/wp.fifu.app\/danielepais.com\/aHR0cHM6Ly9kYW5pZWxlcGFpcy5jb20vam91cm5hbC93cC1jb250ZW50L3VwbG9hZHMvMjAxNi8wMi9ob3ctdG8tZml4LWRyb3Bkb3duLXN1Ym1lbnUtbWlzc2luZy1mcm9tLUJvb3RzdHJhcC0zLmpwZw\/f0010f3a0f43\/how-to-fix-dropdown-submenu-missing-from-bootstrap-3.webp?p=46&w=1600&h=0&c=0 1600w\" style=\"float: right; height: 202px; margin-left: 6px; margin-right: 6px; width: 400px;\" fifu-data-src=\"https:\/\/wp.fifu.app\/danielepais.com\/aHR0cHM6Ly9kYW5pZWxlcGFpcy5jb20vam91cm5hbC93cC1jb250ZW50L3VwbG9hZHMvMjAxNi8wMi9ob3ctdG8tZml4LWRyb3Bkb3duLXN1Ym1lbnUtbWlzc2luZy1mcm9tLUJvb3RzdHJhcC0zLmpwZw\/3a80e21edf06\/how-to-fix-dropdown-submenu-missing-from-bootstrap-3.webp?p=46\" alt=\"how-to-fix-dropdown-submenu-missing-from-Bootstrap-3\" width=\"863\" height=\"436\" \/>It is a pity that latest editions of bootstrap did not include a &#8220;dropdown-submenu&#8221; anymore, (bootstrap 3 +). Unfortunately they thought it was not necessary anymore. However, the good news is, you can actually achieve almost the same with a little help from CSS.<\/p>\n<p style=\"font-size: 16px;\"><strong>PART 1 &#8211; MODIFY YOUR CSS<\/strong><\/p>\n<p><strong>Add the following CSS code to your existing stylesheet, or <a href=\"https:\/\/danielepais.com\/journal\/create-your-own-reusable-elements-in-canva\/\">create<\/a> a new one if you want to keep your <a href=\"https:\/\/danielepais.com\/journal\/building-custom-themes-for-wordpress\/\">custom<\/a> code separated from the main one.<\/strong><\/p>\n<p><iframe loading=\"lazy\" src=\"https:\/\/danielepais.com\/blog\/code-snippets\/how-to-fix-dropdown-submenu-missing-from-Bootstrap-3.html\" width=\"100%\" height=\"200px\" frameborder=\"0\" scrolling=\"yes\" align=\"middle\"><\/iframe><\/p>\n<p style=\"font-size: 16px;\"><strong>PART 2 &#8211; TEST YOUR <a href=\"https:\/\/danielepais.com\/journal\/a-custom-html-css-link-box\/\">HTML<\/a> CODE<\/strong><\/p>\n<p><strong>Here is an example of the HTML code you will need to add to your bootstrap page in order to see the menu in action:<\/strong><\/p>\n<p><iframe loading=\"lazy\" src=\"https:\/\/danielepais.com\/blog\/code-snippets\/how-to-fix-dropdown-submenu-missing-from-Bootstrap-3-part2.html\" width=\"100%\" height=\"200px\" frameborder=\"0\" scrolling=\"yes\" align=\"middle\"><\/iframe><\/p>\n<p>One consideration to take when hacking your bootstrap in this way is that, while the result are egregious on desktop view, the UI experience on mobile can be a bit frustrating on mobile as sometimes is difficult to &#8220;catch&#8221; the right link due to touch screen restrictions, different mobiles features, screen size, browser and OS.<\/p>\n<p>Other than that, this remains a great fix for your <a href=\"https:\/\/danielepais.com\/journal\/web-scraping-increase-sales\/\">web<\/a> site if your audience is more orientated to the \u00a0big screen view.<\/p>\n<p>For more of this tutorials you can follow me on social media by clicking on the \u00a0media icons down below.<\/p>\n<p>Bye for now<\/p>\n<p><strong>About the Author<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" class=\" size-full wp-image-45\" alt=\"how-to-fix-dropdown-submenu-missing-from-Bootstrap-3\" src=\"https:\/\/danielepais.com\/journal\/wp-content\/uploads\/2016\/02\/how-to-fix-dropdown-submenu-missing-from-Bootstrap-3.jpg\" style=\"float:right; height:101px; margin-left:6px; margin-right:6px; width:200px\" title=\"how-to-fix-dropdown-submenu-missing-from-Bootstrap-3\" width=\"863\" height=\"436\" srcset=\"https:\/\/danielepais.com\/journal\/wp-content\/uploads\/2016\/02\/how-to-fix-dropdown-submenu-missing-from-Bootstrap-3.jpg 863w, https:\/\/danielepais.com\/journal\/wp-content\/uploads\/2016\/02\/how-to-fix-dropdown-submenu-missing-from-Bootstrap-3-300x152.jpg 300w, https:\/\/danielepais.com\/journal\/wp-content\/uploads\/2016\/02\/how-to-fix-dropdown-submenu-missing-from-Bootstrap-3-768x388.jpg 768w, https:\/\/danielepais.com\/journal\/wp-content\/uploads\/2016\/02\/how-to-fix-dropdown-submenu-missing-from-Bootstrap-3-700x354.jpg 700w\" sizes=\"(max-width: 863px) 100vw, 863px\" \/>It is a pity that latest editions of bootstrap did not include a &#8220;dropdown-submenu&#8221; anymore, (bootstrap 3 +). Unfortunately they thought it was not necessary anymore.<br \/>\nHowever, the good news is, you can actually achieve almost the same with a little help from CSS.&nbsp;<\/p>\n","protected":false},"author":1,"featured_media":6544,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"site-sidebar-layout":"default","site-content-layout":"default","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"fifu_image_url":"","fifu_image_alt":"","footnotes":""},"categories":[225],"tags":[171,173,170,172,174,169],"acf":[],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 4.9.8 - aioseo.com -->\n\t<meta name=\"description\" content=\"It is a pity that latest editions of bootstrap did not include a &quot;dropdown-submenu&quot; anymore, (bootstrap 3 +).\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"Daniele Pais\"\/>\n\t<meta name=\"google-site-verification\" content=\"googleb91c9505ed997b99\" \/>\n\t<meta name=\"msvalidate.01\" content=\"AD1C96C338E051848BE08C67378B20CA\" \/>\n\t<meta name=\"keywords\" content=\"bootstrap 3,css,dropdown submenu,how to fix,html markup,missing,design\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/danielepais.com\/journal\/how-to-fix-dropdown-submenu-missing-from-bootstrap-3\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 4.9.8\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_US\" \/>\n\t\t<meta property=\"og:site_name\" content=\"Daniele Pais Blog\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"How to fix dropdown-submenu missing from Bootstrap 3 | Phuket Web Design\" \/>\n\t\t<meta property=\"og:description\" content=\"It is a pity that latest editions of bootstrap did not include a &quot;dropdown-submenu&quot; anymore, (bootstrap 3 +).\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/danielepais.com\/journal\/how-to-fix-dropdown-submenu-missing-from-bootstrap-3\/\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/danielepais.com\/journal\/wp-content\/uploads\/2016\/02\/how-to-fix-dropdown-submenu-missing-from-bootstrap-3.webp\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/danielepais.com\/journal\/wp-content\/uploads\/2016\/02\/how-to-fix-dropdown-submenu-missing-from-bootstrap-3.webp\" \/>\n\t\t<meta property=\"og:image:width\" content=\"2048\" \/>\n\t\t<meta property=\"og:image:height\" content=\"1230\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2016-02-21T05:01:17+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2022-02-03T07:16:24+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary\" \/>\n\t\t<meta name=\"twitter:site\" content=\"@daniele_pais\" \/>\n\t\t<meta name=\"twitter:title\" content=\"How to fix dropdown-submenu missing from Bootstrap 3 | Phuket Web Design\" \/>\n\t\t<meta name=\"twitter:description\" content=\"It is a pity that latest editions of bootstrap did not include a &quot;dropdown-submenu&quot; anymore, (bootstrap 3 +).\" \/>\n\t\t<meta name=\"twitter:image\" content=\"https:\/\/danielepais.com\/journal\/wp-content\/uploads\/2017\/10\/daniele-pais-digital-design.png\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/danielepais.com\\\/journal\\\/how-to-fix-dropdown-submenu-missing-from-bootstrap-3\\\/#article\",\"name\":\"How to fix dropdown-submenu missing from Bootstrap 3 | Phuket Web Design\",\"headline\":\"How to fix dropdown-submenu missing from Bootstrap 3\",\"author\":{\"@id\":\"https:\\\/\\\/danielepais.com\\\/journal\\\/author\\\/_-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2--2\\\/#author\"},\"publisher\":{\"@id\":\"https:\\\/\\\/danielepais.com\\\/journal\\\/#person\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/danielepais.com\\\/journal\\\/wp-content\\\/uploads\\\/2016\\\/02\\\/how-to-fix-dropdown-submenu-missing-from-bootstrap-3.webp\",\"width\":2048,\"height\":1230,\"caption\":\"How to fix dropdown submenu missing from Bootstrap 3\"},\"datePublished\":\"2016-02-21T05:01:17+07:00\",\"dateModified\":\"2022-02-03T14:16:24+07:00\",\"inLanguage\":\"en-US\",\"commentCount\":2,\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/danielepais.com\\\/journal\\\/how-to-fix-dropdown-submenu-missing-from-bootstrap-3\\\/#webpage\"},\"isPartOf\":{\"@id\":\"https:\\\/\\\/danielepais.com\\\/journal\\\/how-to-fix-dropdown-submenu-missing-from-bootstrap-3\\\/#webpage\"},\"articleSection\":\"Design, bootstrap 3, css, dropdown submenu, how to fix, html markup, missing\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/danielepais.com\\\/journal\\\/how-to-fix-dropdown-submenu-missing-from-bootstrap-3\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/danielepais.com\\\/journal#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/danielepais.com\\\/journal\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/danielepais.com\\\/journal\\\/category\\\/design\\\/#listItem\",\"name\":\"Design\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/danielepais.com\\\/journal\\\/category\\\/design\\\/#listItem\",\"position\":2,\"name\":\"Design\",\"item\":\"https:\\\/\\\/danielepais.com\\\/journal\\\/category\\\/design\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/danielepais.com\\\/journal\\\/how-to-fix-dropdown-submenu-missing-from-bootstrap-3\\\/#listItem\",\"name\":\"How to fix dropdown-submenu missing from Bootstrap 3\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/danielepais.com\\\/journal#listItem\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/danielepais.com\\\/journal\\\/how-to-fix-dropdown-submenu-missing-from-bootstrap-3\\\/#listItem\",\"position\":3,\"name\":\"How to fix dropdown-submenu missing from Bootstrap 3\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/danielepais.com\\\/journal\\\/category\\\/design\\\/#listItem\",\"name\":\"Design\"}}]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/danielepais.com\\\/journal\\\/#person\",\"name\":\"Daniele Pais\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/danielepais.com\\\/journal\\\/how-to-fix-dropdown-submenu-missing-from-bootstrap-3\\\/#personImage\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/86bedf0ab24a6d4a4f32de230cc797ef?s=96&d=mm&r=g\",\"width\":96,\"height\":96,\"caption\":\"Daniele Pais\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/danielepais.com\\\/journal\\\/author\\\/_-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2--2\\\/#author\",\"url\":\"https:\\\/\\\/danielepais.com\\\/journal\\\/author\\\/_-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2--2\\\/\",\"name\":\"Daniele Pais\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/danielepais.com\\\/journal\\\/how-to-fix-dropdown-submenu-missing-from-bootstrap-3\\\/#authorImage\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/86bedf0ab24a6d4a4f32de230cc797ef?s=96&d=mm&r=g\",\"width\":96,\"height\":96,\"caption\":\"Daniele Pais\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/danielepais.com\\\/journal\\\/how-to-fix-dropdown-submenu-missing-from-bootstrap-3\\\/#webpage\",\"url\":\"https:\\\/\\\/danielepais.com\\\/journal\\\/how-to-fix-dropdown-submenu-missing-from-bootstrap-3\\\/\",\"name\":\"How to fix dropdown-submenu missing from Bootstrap 3 | Phuket Web Design\",\"description\":\"It is a pity that latest editions of bootstrap did not include a \\\"dropdown-submenu\\\" anymore, (bootstrap 3 +).\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/danielepais.com\\\/journal\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/danielepais.com\\\/journal\\\/how-to-fix-dropdown-submenu-missing-from-bootstrap-3\\\/#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/danielepais.com\\\/journal\\\/author\\\/_-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2--2\\\/#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/danielepais.com\\\/journal\\\/author\\\/_-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2--2\\\/#author\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/danielepais.com\\\/journal\\\/wp-content\\\/uploads\\\/2016\\\/02\\\/how-to-fix-dropdown-submenu-missing-from-bootstrap-3.webp\",\"@id\":\"https:\\\/\\\/danielepais.com\\\/journal\\\/how-to-fix-dropdown-submenu-missing-from-bootstrap-3\\\/#mainImage\",\"width\":2048,\"height\":1230,\"caption\":\"How to fix dropdown submenu missing from Bootstrap 3\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/danielepais.com\\\/journal\\\/how-to-fix-dropdown-submenu-missing-from-bootstrap-3\\\/#mainImage\"},\"datePublished\":\"2016-02-21T05:01:17+07:00\",\"dateModified\":\"2022-02-03T14:16:24+07:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/danielepais.com\\\/journal\\\/#website\",\"url\":\"https:\\\/\\\/danielepais.com\\\/journal\\\/\",\"name\":\"Phuket Web Design\",\"description\":\"Digital Print\",\"inLanguage\":\"en-US\",\"publisher\":{\"@id\":\"https:\\\/\\\/danielepais.com\\\/journal\\\/#person\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"How to fix dropdown-submenu missing from Bootstrap 3 | Phuket Web Design","description":"It is a pity that latest editions of bootstrap did not include a \"dropdown-submenu\" anymore, (bootstrap 3 +).","canonical_url":"https:\/\/danielepais.com\/journal\/how-to-fix-dropdown-submenu-missing-from-bootstrap-3\/","robots":"max-image-preview:large","keywords":"bootstrap 3,css,dropdown submenu,how to fix,html markup,missing,design","webmasterTools":{"google-site-verification":"googleb91c9505ed997b99","msvalidate.01":"AD1C96C338E051848BE08C67378B20CA","miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/danielepais.com\/journal\/how-to-fix-dropdown-submenu-missing-from-bootstrap-3\/#article","name":"How to fix dropdown-submenu missing from Bootstrap 3 | Phuket Web Design","headline":"How to fix dropdown-submenu missing from Bootstrap 3","author":{"@id":"https:\/\/danielepais.com\/journal\/author\/_-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2--2\/#author"},"publisher":{"@id":"https:\/\/danielepais.com\/journal\/#person"},"image":{"@type":"ImageObject","url":"https:\/\/danielepais.com\/journal\/wp-content\/uploads\/2016\/02\/how-to-fix-dropdown-submenu-missing-from-bootstrap-3.webp","width":2048,"height":1230,"caption":"How to fix dropdown submenu missing from Bootstrap 3"},"datePublished":"2016-02-21T05:01:17+07:00","dateModified":"2022-02-03T14:16:24+07:00","inLanguage":"en-US","commentCount":2,"mainEntityOfPage":{"@id":"https:\/\/danielepais.com\/journal\/how-to-fix-dropdown-submenu-missing-from-bootstrap-3\/#webpage"},"isPartOf":{"@id":"https:\/\/danielepais.com\/journal\/how-to-fix-dropdown-submenu-missing-from-bootstrap-3\/#webpage"},"articleSection":"Design, bootstrap 3, css, dropdown submenu, how to fix, html markup, missing"},{"@type":"BreadcrumbList","@id":"https:\/\/danielepais.com\/journal\/how-to-fix-dropdown-submenu-missing-from-bootstrap-3\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/danielepais.com\/journal#listItem","position":1,"name":"Home","item":"https:\/\/danielepais.com\/journal","nextItem":{"@type":"ListItem","@id":"https:\/\/danielepais.com\/journal\/category\/design\/#listItem","name":"Design"}},{"@type":"ListItem","@id":"https:\/\/danielepais.com\/journal\/category\/design\/#listItem","position":2,"name":"Design","item":"https:\/\/danielepais.com\/journal\/category\/design\/","nextItem":{"@type":"ListItem","@id":"https:\/\/danielepais.com\/journal\/how-to-fix-dropdown-submenu-missing-from-bootstrap-3\/#listItem","name":"How to fix dropdown-submenu missing from Bootstrap 3"},"previousItem":{"@type":"ListItem","@id":"https:\/\/danielepais.com\/journal#listItem","name":"Home"}},{"@type":"ListItem","@id":"https:\/\/danielepais.com\/journal\/how-to-fix-dropdown-submenu-missing-from-bootstrap-3\/#listItem","position":3,"name":"How to fix dropdown-submenu missing from Bootstrap 3","previousItem":{"@type":"ListItem","@id":"https:\/\/danielepais.com\/journal\/category\/design\/#listItem","name":"Design"}}]},{"@type":"Person","@id":"https:\/\/danielepais.com\/journal\/#person","name":"Daniele Pais","image":{"@type":"ImageObject","@id":"https:\/\/danielepais.com\/journal\/how-to-fix-dropdown-submenu-missing-from-bootstrap-3\/#personImage","url":"https:\/\/secure.gravatar.com\/avatar\/86bedf0ab24a6d4a4f32de230cc797ef?s=96&d=mm&r=g","width":96,"height":96,"caption":"Daniele Pais"}},{"@type":"Person","@id":"https:\/\/danielepais.com\/journal\/author\/_-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2--2\/#author","url":"https:\/\/danielepais.com\/journal\/author\/_-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2--2\/","name":"Daniele Pais","image":{"@type":"ImageObject","@id":"https:\/\/danielepais.com\/journal\/how-to-fix-dropdown-submenu-missing-from-bootstrap-3\/#authorImage","url":"https:\/\/secure.gravatar.com\/avatar\/86bedf0ab24a6d4a4f32de230cc797ef?s=96&d=mm&r=g","width":96,"height":96,"caption":"Daniele Pais"}},{"@type":"WebPage","@id":"https:\/\/danielepais.com\/journal\/how-to-fix-dropdown-submenu-missing-from-bootstrap-3\/#webpage","url":"https:\/\/danielepais.com\/journal\/how-to-fix-dropdown-submenu-missing-from-bootstrap-3\/","name":"How to fix dropdown-submenu missing from Bootstrap 3 | Phuket Web Design","description":"It is a pity that latest editions of bootstrap did not include a \"dropdown-submenu\" anymore, (bootstrap 3 +).","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/danielepais.com\/journal\/#website"},"breadcrumb":{"@id":"https:\/\/danielepais.com\/journal\/how-to-fix-dropdown-submenu-missing-from-bootstrap-3\/#breadcrumblist"},"author":{"@id":"https:\/\/danielepais.com\/journal\/author\/_-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2--2\/#author"},"creator":{"@id":"https:\/\/danielepais.com\/journal\/author\/_-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2-2--2\/#author"},"image":{"@type":"ImageObject","url":"https:\/\/danielepais.com\/journal\/wp-content\/uploads\/2016\/02\/how-to-fix-dropdown-submenu-missing-from-bootstrap-3.webp","@id":"https:\/\/danielepais.com\/journal\/how-to-fix-dropdown-submenu-missing-from-bootstrap-3\/#mainImage","width":2048,"height":1230,"caption":"How to fix dropdown submenu missing from Bootstrap 3"},"primaryImageOfPage":{"@id":"https:\/\/danielepais.com\/journal\/how-to-fix-dropdown-submenu-missing-from-bootstrap-3\/#mainImage"},"datePublished":"2016-02-21T05:01:17+07:00","dateModified":"2022-02-03T14:16:24+07:00"},{"@type":"WebSite","@id":"https:\/\/danielepais.com\/journal\/#website","url":"https:\/\/danielepais.com\/journal\/","name":"Phuket Web Design","description":"Digital Print","inLanguage":"en-US","publisher":{"@id":"https:\/\/danielepais.com\/journal\/#person"}}]},"og:locale":"en_US","og:site_name":"Daniele Pais Blog","og:type":"article","og:title":"How to fix dropdown-submenu missing from Bootstrap 3 | Phuket Web Design","og:description":"It is a pity that latest editions of bootstrap did not include a &quot;dropdown-submenu&quot; anymore, (bootstrap 3 +).","og:url":"https:\/\/danielepais.com\/journal\/how-to-fix-dropdown-submenu-missing-from-bootstrap-3\/","og:image":"https:\/\/danielepais.com\/journal\/wp-content\/uploads\/2016\/02\/how-to-fix-dropdown-submenu-missing-from-bootstrap-3.webp","og:image:secure_url":"https:\/\/danielepais.com\/journal\/wp-content\/uploads\/2016\/02\/how-to-fix-dropdown-submenu-missing-from-bootstrap-3.webp","og:image:width":2048,"og:image:height":1230,"article:published_time":"2016-02-21T05:01:17+00:00","article:modified_time":"2022-02-03T07:16:24+00:00","twitter:card":"summary","twitter:site":"@daniele_pais","twitter:title":"How to fix dropdown-submenu missing from Bootstrap 3 | Phuket Web Design","twitter:description":"It is a pity that latest editions of bootstrap did not include a &quot;dropdown-submenu&quot; anymore, (bootstrap 3 +).","twitter:image":"https:\/\/danielepais.com\/journal\/wp-content\/uploads\/2017\/10\/daniele-pais-digital-design.png"},"aioseo_meta_data":{"post_id":"46","title":"How to fix dropdown-submenu missing from Bootstrap 3 | #site_title","description":"It is a pity that latest editions of bootstrap did not include a &quot;dropdown-submenu&quot; anymore, (bootstrap 3 +).","keywords":[{"label":"bootstrap 3","value":"bootstrap 3"},{"label":"css","value":"css"},{"label":"dropdown submenu","value":"dropdown submenu"},{"label":"how to fix","value":"how to fix"},{"label":"html markup","value":"html markup"},{"label":"missing","value":"missing"}],"keyphrases":{"focus":[],"additional":[]},"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":"","og_custom_url":null,"og_article_section":null,"og_article_tags":[],"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"","isEnabled":true},"graphs":[],"defaultGraph":"Article","defaultPostTypeGraph":""},"schema_type":"default","schema_type_options":"{\"article\":{\"articleType\":\"BlogPosting\"},\"course\":{\"name\":\"\",\"description\":\"\",\"provider\":\"\"},\"faq\":{\"pages\":[]},\"product\":{\"reviews\":[]},\"recipe\":{\"ingredients\":[],\"instructions\":[],\"keywords\":[]},\"software\":{\"reviews\":[],\"operatingSystems\":[]},\"webPage\":{\"webPageType\":\"WebPage\"}}","pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":"-1","robots_max_videopreview":"-1","robots_max_imagepreview":"large","priority":null,"frequency":"default","location":null,"local_seo":null,"breadcrumb_settings":null,"limit_modified_date":false,"created":"2020-12-28 02:13:00","updated":"2025-06-11 18:44:44","ai":null,"seo_analyzer_scan_date":null},"_links":{"self":[{"href":"https:\/\/danielepais.com\/journal\/wp-json\/wp\/v2\/posts\/46"}],"collection":[{"href":"https:\/\/danielepais.com\/journal\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/danielepais.com\/journal\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/danielepais.com\/journal\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/danielepais.com\/journal\/wp-json\/wp\/v2\/comments?post=46"}],"version-history":[{"count":0,"href":"https:\/\/danielepais.com\/journal\/wp-json\/wp\/v2\/posts\/46\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/danielepais.com\/journal\/wp-json\/wp\/v2\/media\/6544"}],"wp:attachment":[{"href":"https:\/\/danielepais.com\/journal\/wp-json\/wp\/v2\/media?parent=46"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/danielepais.com\/journal\/wp-json\/wp\/v2\/categories?post=46"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/danielepais.com\/journal\/wp-json\/wp\/v2\/tags?post=46"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}