{"componentChunkName":"component---src-templates-tag-page-tsx","path":"/tag/bootstrap/","result":{"data":{"allContentfulCategory":{"edges":[{"node":{"contentful_id":"2gOurgpDj1BasZvVToN13z","slug":"tiny-sparks","title":"The Tiny Way","description":{"description":"Understand the Tiny Way - our heritage, values-driven approach and thinking through stories from and about Tiny people and culture, technology and the world at large."}}},{"node":{"contentful_id":"2a3w396SgR2Fl1ep4eYu0w","slug":"product-management","title":"Product-Led Growth","description":{"description":"Everything from product roadmaps and market fit, through customer acquisition and onboarding to retention and product-led growth, can be found here to help you grow your brand, company and product."}}},{"node":{"contentful_id":"T7VZcLaLRpt6XlNLJPLmL","slug":"wysiwyg-world","title":"World of WYSIWYG","description":{"description":"Learn about the WYSIWYG world of rich text editors - the power behind the democratization of content creation, web applications and SaaS projects."}}},{"node":{"contentful_id":"6HNYGjOUjHzUS2gXBnMVXn","slug":"design-and-ux","title":"Content Marketing & Design","description":{"description":"Be at the forefront of content design trends, get inspiration for your projects and learn new ways to use content marketing strategies and content-led approaches that deliver brilliant user experiences."}}},{"node":{"contentful_id":"6XFMYLCe4AEYIDazkjGFvb","slug":"engineering","title":"Developer Insights","description":{"description":"The perfect source for all web application and software developers, as well as engineering teams who want to stay up to date with the latest development tools, developer insights, leading edge thinking and experiments."}}},{"node":{"contentful_id":"24ufWIsR0ImSvxvvIrutB5","slug":"open-source","title":"Open Source","description":{"description":"Having a vibrant open source community is a vital part of TinyMCE, so you'll find important open source contribution news here – both from our own community, and from other open source projects in global communities."}}},{"node":{"contentful_id":"2fLgNI8yOMeZHNl1nSQ11","slug":"how-tos-and-tutorials","title":"How-to Use TinyMCE","description":{"description":"Learn how-to use TinyMCE rich text editor, all in one place – here's our set-up tips, tricks, FAQs, updates and new releases, customisations, ideas on things to build and easy migration from other text editing platforms."}}}]},"allContentfulBlogPost":{"edges":[{"node":{"title":"How to get started with image uploads using Bootstrap","slug":"bootstrap-image-upload","featured":true,"lastUpdated":"Jul 24th, 2025","description":{"description":"<p>Step-by-step guide on integrating Bootstrap web pages and TinyMCE and configuring image uploads.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Step-by-step guide on integrating Bootstrap web pages and TinyMCE and configuring image uploads."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"How to configure image uploads in Bootstrap","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABlVBMVEUKE1QACE8ABk4ABE4ABU4AB08JElMIE1QCDVEABk8ACFEABVMABlIAB1AEDlEJE1QAAk8AAE8AAE4ACFIADFUbJlwQHVkAD1UABE9WPEl9UkNwQEdvN0lkKkxwJ0+ALFKBLFJzJ1FoI1EAAFNBRWm5ucCPkJwAAFUEDFAAAExUQFGCWk97S0tzPk5wNVCCQFt+N1mVRl+KQV1zN1oAAFE6P2WpqbJ/gI8ADlQEEVMAA08AAEVjZn2Ul6Scn6uQk6GJjZucoKuVmqaeoqyMkZ5+gpEAAVEAAlQAB1cADVYAAFIABlQAAENoaX6JipiIiZeCg5N+f480OF4rL1omKlgiJlcXHVckJ1wAFFmYmKSrrLQnLV4AAFAAAEdZWnOCgpJ7e4x8fY18fI2Dg5IPFFEAAEoAC1VbPVJ6RE4dIFwADFi3t77MzNE3PGUAAE0AAEkAAEQAAEY5KFhVLVcOFlgABVUrMV81OmQACFQIElQCDFEAAk4ACU8ACVAADFMADFQACVEABlEGEFMLFFQAA04JElQIElOhGrogAAAAjUlEQVQIHQXBsSqFAQCA0e/odyndcpUXoMRqtNpk9CJmExYPch/CA1hYlA2Jlchi/F3OUaqqgrG/iRUaq8aGZfw0ZV2VKuBrbLAKALxtv4z2AIDPTe6GDQDwvONxd+qYAK9b3O9jmAHcvJ/gEN/DjMr109L4cADMhzWqq8licQZuP45OdXkxVlUN9eucf5L+IWrenQYEAAAAAElFTkSuQmCC","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/57DtOg3wmLqd6sz0ZgMhnK/aa146d55014338405b57cfab808c2c35/How_to_configure_image_uploads_in_Bootstrap.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/57DtOg3wmLqd6sz0ZgMhnK/aa146d55014338405b57cfab808c2c35/How_to_configure_image_uploads_in_Bootstrap.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/57DtOg3wmLqd6sz0ZgMhnK/aa146d55014338405b57cfab808c2c35/How_to_configure_image_uploads_in_Bootstrap.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/57DtOg3wmLqd6sz0ZgMhnK/aa146d55014338405b57cfab808c2c35/How_to_configure_image_uploads_in_Bootstrap.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/57DtOg3wmLqd6sz0ZgMhnK/aa146d55014338405b57cfab808c2c35/How_to_configure_image_uploads_in_Bootstrap.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/57DtOg3wmLqd6sz0ZgMhnK/aa146d55014338405b57cfab808c2c35/How_to_configure_image_uploads_in_Bootstrap.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/57DtOg3wmLqd6sz0ZgMhnK/aa146d55014338405b57cfab808c2c35/How_to_configure_image_uploads_in_Bootstrap.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/57DtOg3wmLqd6sz0ZgMhnK/aa146d55014338405b57cfab808c2c35/How_to_configure_image_uploads_in_Bootstrap.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/57DtOg3wmLqd6sz0ZgMhnK/aa146d55014338405b57cfab808c2c35/How_to_configure_image_uploads_in_Bootstrap.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/57DtOg3wmLqd6sz0ZgMhnK/aa146d55014338405b57cfab808c2c35/How_to_configure_image_uploads_in_Bootstrap.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/57DtOg3wmLqd6sz0ZgMhnK/aa146d55014338405b57cfab808c2c35/How_to_configure_image_uploads_in_Bootstrap.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/57DtOg3wmLqd6sz0ZgMhnK/aa146d55014338405b57cfab808c2c35/How_to_configure_image_uploads_in_Bootstrap.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/57DtOg3wmLqd6sz0ZgMhnK/aa146d55014338405b57cfab808c2c35/How_to_configure_image_uploads_in_Bootstrap.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/57DtOg3wmLqd6sz0ZgMhnK/aa146d55014338405b57cfab808c2c35/How_to_configure_image_uploads_in_Bootstrap.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Coco Poley","slug":"coco-poley"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"Bootstrap image upload - how to integrate it with rich text editors | TinyMCE"},"metaDescription":{"metaDescription":"Step-by-step guide on integrating Bootstrap web pages and TinyMCE and configuring image uploads."}}},{"node":{"title":"Bootstrap Inline Forms: Step-by-Step Instructions | TinyMCE","slug":"bootstrap-inline-form","featured":false,"lastUpdated":"Dec 12th, 2024","description":{"description":"<p>Learn how to create responsive Bootstrap Inline Forms with our detailed guide. Perfect for developers!</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Learn how to create responsive Bootstrap Inline Forms with our detailed guide. Perfect for developers!"}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"An illustration with a Bootstrap inline form","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAwFBMVEXa1//a1v/Z1v/b2P/d2/7f3f7b1//Y1f/X1f/q6fn08vr19Pz29Pzy8fva2v7W2P7V0/7T0v7n5ffq5/bu6/rv7Prx7/rT0vvR1fzc2f/a2P/S0fbNzfPm5Pbr6Pbu6/nx7fzz8Pzj2Pi2h/fKuvvc2v/b1fzTyOzMzfbw8Pr///z///3u/fzF9PXa5vi+n/bOxPvZ2P3a1v7Uz/bR0Pvj4vrs7Pzs6/zl6frc6Prk5/za2P7Z1//X1P/X1P7Y1P8/uKSrAAAAXklEQVQIHQXB0Q0BQQBAwXl2Scj9X6IQifZ9qUUJYjEDAAACKL6AwFgz/D6nN0wwj5WqZTHBuUrV5YWJsVdVVS9M7FtVVQUTtqqqnveFYKzD8VYPvzHeAK4nAAAAAP4yPA+XBh8HHwAAAABJRU5ErkJggg==","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/687pj6wdOIadjSYEfmFd55/3f7ccadcff1f6ed90944483e55dcf3bc/How_to_create_a_Bootstrap_inline_form.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/687pj6wdOIadjSYEfmFd55/3f7ccadcff1f6ed90944483e55dcf3bc/How_to_create_a_Bootstrap_inline_form.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/687pj6wdOIadjSYEfmFd55/3f7ccadcff1f6ed90944483e55dcf3bc/How_to_create_a_Bootstrap_inline_form.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/687pj6wdOIadjSYEfmFd55/3f7ccadcff1f6ed90944483e55dcf3bc/How_to_create_a_Bootstrap_inline_form.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/687pj6wdOIadjSYEfmFd55/3f7ccadcff1f6ed90944483e55dcf3bc/How_to_create_a_Bootstrap_inline_form.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/687pj6wdOIadjSYEfmFd55/3f7ccadcff1f6ed90944483e55dcf3bc/How_to_create_a_Bootstrap_inline_form.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/687pj6wdOIadjSYEfmFd55/3f7ccadcff1f6ed90944483e55dcf3bc/How_to_create_a_Bootstrap_inline_form.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/687pj6wdOIadjSYEfmFd55/3f7ccadcff1f6ed90944483e55dcf3bc/How_to_create_a_Bootstrap_inline_form.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/687pj6wdOIadjSYEfmFd55/3f7ccadcff1f6ed90944483e55dcf3bc/How_to_create_a_Bootstrap_inline_form.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/687pj6wdOIadjSYEfmFd55/3f7ccadcff1f6ed90944483e55dcf3bc/How_to_create_a_Bootstrap_inline_form.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/687pj6wdOIadjSYEfmFd55/3f7ccadcff1f6ed90944483e55dcf3bc/How_to_create_a_Bootstrap_inline_form.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/687pj6wdOIadjSYEfmFd55/3f7ccadcff1f6ed90944483e55dcf3bc/How_to_create_a_Bootstrap_inline_form.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/687pj6wdOIadjSYEfmFd55/3f7ccadcff1f6ed90944483e55dcf3bc/How_to_create_a_Bootstrap_inline_form.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/687pj6wdOIadjSYEfmFd55/3f7ccadcff1f6ed90944483e55dcf3bc/How_to_create_a_Bootstrap_inline_form.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Mrina Sugosh","slug":"mrina-sugosh"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"Bootstrap Inline Forms: Step-by-Step Instructions | TinyMCE"},"metaDescription":{"metaDescription":"Learn how to create responsive Bootstrap Inline Forms with our detailed guide. Perfect for developers!"}}},{"node":{"title":"How to enable a Bootstrap WYSIWYG editor: a step-by-step guide","slug":"bootstrap-wysiwyg-editor","featured":true,"lastUpdated":"Apr 16th, 2024","description":{"description":"<p>Enable WYSIWYG editing on your Bootstrap forms by converting any block element into a rich text editor with TinyMCE.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Enable WYSIWYG editing on your Bootstrap forms by converting any block element into a rich text editor with TinyMCE."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Small icons and a page that represents bootstrap inputs working together","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAApVBMVEXx5fby5ffx5ffy5fby5vfr4u/u4vPx4vTu4vXu5/Hx7fTy6fbw3u/v4fPp3e/w5fbt5PTx5vfy6Pb5+vr7+vr38fnLv9WimrHJvdPz5/jt4fTv4/Xv5PXx5PT19PXp6en38/fAtMudlq3IvNL06Pnx5/X+/v7z9vbz8PTu4vTg1Oft4fLx5PXw5fX28vj39/bq5Ovw5vbx5Pbx6PXt4/Lv4vXv3O0poE7hAAAAgUlEQVQIHQXBBUIDARAEsOze4NYr2uLFobj8/2kkAFXVGABAVSpJCmAoZWW11pL1DECRZGNza3tntxMge5NxrOn+weHR8cksQM2dnp1PLy6vrhc3twEGSfru/uHx6fllFsAQy3p9e/+Yfw4VgKb76/vnN3/LANBUS8axAYCuqm74B6+/Bw1vaVddAAAAAElFTkSuQmCC","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/7j46NSaO5nPfM5DtcfgglS/8ad99a2d7dba711632ad6aa9cc7d5ebe/img-Bootstrap-integration-guide.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/7j46NSaO5nPfM5DtcfgglS/8ad99a2d7dba711632ad6aa9cc7d5ebe/img-Bootstrap-integration-guide.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/7j46NSaO5nPfM5DtcfgglS/8ad99a2d7dba711632ad6aa9cc7d5ebe/img-Bootstrap-integration-guide.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/7j46NSaO5nPfM5DtcfgglS/8ad99a2d7dba711632ad6aa9cc7d5ebe/img-Bootstrap-integration-guide.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/7j46NSaO5nPfM5DtcfgglS/8ad99a2d7dba711632ad6aa9cc7d5ebe/img-Bootstrap-integration-guide.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/7j46NSaO5nPfM5DtcfgglS/8ad99a2d7dba711632ad6aa9cc7d5ebe/img-Bootstrap-integration-guide.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/7j46NSaO5nPfM5DtcfgglS/8ad99a2d7dba711632ad6aa9cc7d5ebe/img-Bootstrap-integration-guide.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/7j46NSaO5nPfM5DtcfgglS/8ad99a2d7dba711632ad6aa9cc7d5ebe/img-Bootstrap-integration-guide.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/7j46NSaO5nPfM5DtcfgglS/8ad99a2d7dba711632ad6aa9cc7d5ebe/img-Bootstrap-integration-guide.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/7j46NSaO5nPfM5DtcfgglS/8ad99a2d7dba711632ad6aa9cc7d5ebe/img-Bootstrap-integration-guide.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/7j46NSaO5nPfM5DtcfgglS/8ad99a2d7dba711632ad6aa9cc7d5ebe/img-Bootstrap-integration-guide.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/7j46NSaO5nPfM5DtcfgglS/8ad99a2d7dba711632ad6aa9cc7d5ebe/img-Bootstrap-integration-guide.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/7j46NSaO5nPfM5DtcfgglS/8ad99a2d7dba711632ad6aa9cc7d5ebe/img-Bootstrap-integration-guide.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/7j46NSaO5nPfM5DtcfgglS/8ad99a2d7dba711632ad6aa9cc7d5ebe/img-Bootstrap-integration-guide.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Ben Long","slug":"ben-long"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to enable Bootstrap WYSIWYG editor: a step-by-step guide | TinyMCE"},"metaDescription":{"metaDescription":"Enable WYSIWYG editing on your Bootstrap form inputs by converting any block element into a rich text editor with TinyMCE. A step-by-step guide."}}},{"node":{"title":"How to create Bootstrap inputs","slug":"bootstrap-inputs","featured":false,"lastUpdated":"Jan 25th, 2024","description":{"description":"<p>Bootstrap inputs can save you time and energy - read on find out how to use Bootstrap classes for a more professional look.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Bootstrap inputs can save you time and energy - read on find out how to use Bootstrap classes for a more professional look."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"The Bootastrap logo checks on an input form in a rich text editor","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAwFBMVEW93/+94P++4P++4f+/4v+83/+73//A4v+42fmtx+693P+/4P+w2/Ws2+rD4f3Q5PjP4vfP5Pmxz/F3bLeSbs6pvOu12fLC4t3i8/DT6fnf6PPc5e/e6fXC4f7A4/+jvON6Ua6+qtypvOa63v7M4PX2+fXy9fXM4vm42f273P+rxut3YbCfmc+uye+12/rL4PT6+PXx9PjF4fitxvGnuOm/4f++3/+wzfG32Pm73f/K3/fh7PjG4v263v283f272/xdVJAVAAAAXUlEQVQIHZXBIQ7CQBBA0f8nO6qjcT1G738CFIYDILFrEN0WCCmKhPf4Qb4JuBsD1hQeQANMd718yg4NjEm9n3ypDoKzh+sABOfycF4hYNyq6jK98WG0JSTTiOAvG7ldD6p4d3fWAAAAAElFTkSuQmCC","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/5gOtjiaxagX8UKhbmjd7cc/b0dc506d6994ac11755ce8b0086f0cd9/img-Howto-create-Bootstrap-inputs-1.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/5gOtjiaxagX8UKhbmjd7cc/b0dc506d6994ac11755ce8b0086f0cd9/img-Howto-create-Bootstrap-inputs-1.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5gOtjiaxagX8UKhbmjd7cc/b0dc506d6994ac11755ce8b0086f0cd9/img-Howto-create-Bootstrap-inputs-1.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5gOtjiaxagX8UKhbmjd7cc/b0dc506d6994ac11755ce8b0086f0cd9/img-Howto-create-Bootstrap-inputs-1.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5gOtjiaxagX8UKhbmjd7cc/b0dc506d6994ac11755ce8b0086f0cd9/img-Howto-create-Bootstrap-inputs-1.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/5gOtjiaxagX8UKhbmjd7cc/b0dc506d6994ac11755ce8b0086f0cd9/img-Howto-create-Bootstrap-inputs-1.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/5gOtjiaxagX8UKhbmjd7cc/b0dc506d6994ac11755ce8b0086f0cd9/img-Howto-create-Bootstrap-inputs-1.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/5gOtjiaxagX8UKhbmjd7cc/b0dc506d6994ac11755ce8b0086f0cd9/img-Howto-create-Bootstrap-inputs-1.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/5gOtjiaxagX8UKhbmjd7cc/b0dc506d6994ac11755ce8b0086f0cd9/img-Howto-create-Bootstrap-inputs-1.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5gOtjiaxagX8UKhbmjd7cc/b0dc506d6994ac11755ce8b0086f0cd9/img-Howto-create-Bootstrap-inputs-1.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5gOtjiaxagX8UKhbmjd7cc/b0dc506d6994ac11755ce8b0086f0cd9/img-Howto-create-Bootstrap-inputs-1.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5gOtjiaxagX8UKhbmjd7cc/b0dc506d6994ac11755ce8b0086f0cd9/img-Howto-create-Bootstrap-inputs-1.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/5gOtjiaxagX8UKhbmjd7cc/b0dc506d6994ac11755ce8b0086f0cd9/img-Howto-create-Bootstrap-inputs-1.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/5gOtjiaxagX8UKhbmjd7cc/b0dc506d6994ac11755ce8b0086f0cd9/img-Howto-create-Bootstrap-inputs-1.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"How to create Bootstrap inputs | TinyMCE"},"metaDescription":{"metaDescription":"Discover how using Bootstrap inputs in your forms can save you time and energy, as Bootstrap classes quickly style inputs, and give them the much needed professional look"}}},{"node":{"title":"How to use the new Bootstrap Icons in TinyMCE","slug":"how-to-use-bootstrap-icons","featured":false,"lastUpdated":"Apr 21st, 2021","description":{"description":"<p>In this article, we&rsquo;re going to show you how to get the new Bootstrap icons running in TinyMCE so your editor can stay looking modern.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"In this article, we’re going to show you how to get the new Bootstrap icons running in TinyMCE so your editor can stay looking modern."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"White and Grey Window Curtain","artistName":"Sven Finger","image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.3317249698431846,"src":"//images.ctfassets.net/s600jj41gsex/5jMDxSvns6Xh7az1E4V617/af5c317f53097610802044948a354f59/sven-finger-kg2uckbXC0Y-unsplash.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/5jMDxSvns6Xh7az1E4V617/af5c317f53097610802044948a354f59/sven-finger-kg2uckbXC0Y-unsplash.jpg?w=185&h=139&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5jMDxSvns6Xh7az1E4V617/af5c317f53097610802044948a354f59/sven-finger-kg2uckbXC0Y-unsplash.jpg?w=370&h=278&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5jMDxSvns6Xh7az1E4V617/af5c317f53097610802044948a354f59/sven-finger-kg2uckbXC0Y-unsplash.jpg?w=739&h=555&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5jMDxSvns6Xh7az1E4V617/af5c317f53097610802044948a354f59/sven-finger-kg2uckbXC0Y-unsplash.jpg?w=1109&h=833&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/5jMDxSvns6Xh7az1E4V617/af5c317f53097610802044948a354f59/sven-finger-kg2uckbXC0Y-unsplash.jpg?w=1478&h=1110&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/5jMDxSvns6Xh7az1E4V617/af5c317f53097610802044948a354f59/sven-finger-kg2uckbXC0Y-unsplash.jpg?w=2217&h=1665&q=50&fit=scale 2217w","srcWebp":"//images.ctfassets.net/s600jj41gsex/5jMDxSvns6Xh7az1E4V617/af5c317f53097610802044948a354f59/sven-finger-kg2uckbXC0Y-unsplash.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/5jMDxSvns6Xh7az1E4V617/af5c317f53097610802044948a354f59/sven-finger-kg2uckbXC0Y-unsplash.jpg?w=185&h=139&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5jMDxSvns6Xh7az1E4V617/af5c317f53097610802044948a354f59/sven-finger-kg2uckbXC0Y-unsplash.jpg?w=370&h=278&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5jMDxSvns6Xh7az1E4V617/af5c317f53097610802044948a354f59/sven-finger-kg2uckbXC0Y-unsplash.jpg?w=739&h=555&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5jMDxSvns6Xh7az1E4V617/af5c317f53097610802044948a354f59/sven-finger-kg2uckbXC0Y-unsplash.jpg?w=1109&h=833&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/5jMDxSvns6Xh7az1E4V617/af5c317f53097610802044948a354f59/sven-finger-kg2uckbXC0Y-unsplash.jpg?w=1478&h=1110&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/5jMDxSvns6Xh7az1E4V617/af5c317f53097610802044948a354f59/sven-finger-kg2uckbXC0Y-unsplash.jpg?w=2217&h=1665&q=50&fm=webp&fit=scale 2217w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Elise Bentley","slug":"elise-bentley"},"category":{"title":"How-to Use TinyMCE","slug":"how-tos-and-tutorials"},"metaTitle":{"metaTitle":"New Bootstrap Icons for TinyMCE"},"metaDescription":{"metaDescription":"In this article, we’re going to show you how to get the new Bootstrap icons running in TinyMCE so your editor can stay looking modern. "}}}]}},"pageContext":{"limit":12,"skip":0,"numPages":1,"currentPage":1,"slug":"bootstrap","title":"Bootstrap","page":"tag","banner":{"description":"Deploy TinyMCE in just 6 lines of code","buttonLabel":"Get your Cloud API Key","externalLink":"https://www.tiny.cloud/get-tiny/","section":["category","author","posts","home","tag"]},"bannerForTag":{"bannerDescription":"See how TinyMCE works with Bootstrap apps for faster development","bannerButtonLabel":"Explore Bootstrap integrations","bannerExternalLink":"https://www.tiny.cloud/solutions/wysiwyg-bootstrap-rich-text-editor/","bannerIsEnabled":true}}},"staticQueryHashes":["2492987505","740350947"]}