# \#bootstrap **URL:** https://forum.elixirforum.com/tag/bootstrap/313.md [Latest](https://forum.elixirforum.com/latest.md) · [Categories](https://forum.elixirforum.com/categories.md) · [Tags](https://forum.elixirforum.com/tags.md) --- ## [How to bootstrap (admin) accounts without public registration page?](https://forum.elixirforum.com/t/how-to-bootstrap-admin-accounts-without-public-registration-page/74484)
**Author:** [@siiky](https://forum.elixirforum.com/u/siiky)\ **Replies:** 5\ **Last updated:** [March 2, 2026, 5:33pm UTC](https://forum.elixirforum.com/t/how-to-bootstrap-admin-accounts-without-public-registration-page/74484 "2026-03-02T17:33:44Z")
I’m working on an internal project at work where we don’t want to have a registration page open to the public. The team is small, so we can easily manage with a more manual, but closed, process (i.e., an admin creating a… --- ## [Problem on installing bootstrap 5 in phoenix 1.7](https://forum.elixirforum.com/t/problem-on-installing-bootstrap-5-in-phoenix-1-7/68189)
**Author:** [@KRojH](https://forum.elixirforum.com/u/KRojH)\ **Replies:** 1\ **Last updated:** [December 17, 2024, 11:10am UTC](https://forum.elixirforum.com/t/problem-on-installing-bootstrap-5-in-phoenix-1-7/68189 "2024-12-17T11:10:22Z")
Hello dear friends, I have read some post on internet like this: (Phoenix 1.8 and Bootstrap 5 · FullstackPhoenix) but I still have problems to install bootstrap \\ Thanks! :pray: --- ## [Podcast: Operational Elixir - Scrappy Startups Edition](https://forum.elixirforum.com/t/podcast-operational-elixir-scrappy-startups-edition/62104)
**Author:** [@brainlid](https://forum.elixirforum.com/u/brainlid)\ **Replies:** 0\ **Last updated:** [March 5, 2024, 1:16pm UTC](https://forum.elixirforum.com/t/podcast-operational-elixir-scrappy-startups-edition/62104 "2024-03-05T13:16:37Z")
Episode 192 of Thinking Elixir. In this second installment of our series, we’re joined by Philip Brown, who returns to share his insights on running lean startups in the Elixir ecosystem. We dive into the art of supporti… --- ## [Phoenix 1.7 Bootstrap CSS for Core Components](https://forum.elixirforum.com/t/phoenix-1-7-bootstrap-css-for-core-components/53257)
**Author:** [@John\_Shelby](https://forum.elixirforum.com/u/John_Shelby)\ **Replies:** 4\ **Last updated:** [January 25, 2024, 12:39pm UTC](https://forum.elixirforum.com/t/phoenix-1-7-bootstrap-css-for-core-components/53257 "2024-01-25T12:39:05Z")
Hello, When I upgraded to phoenix 1.7, core components with tailwind CSS are now available. Does anyone have rewritten classes for these components in Bootstrap CSS please? I have little experience, I want to use these … --- ## [How to use fonts from bootstrap-icons?](https://forum.elixirforum.com/t/how-to-use-fonts-from-bootstrap-icons/59198)
**Author:** [@janp](https://forum.elixirforum.com/u/janp)\ **Replies:** 2\ **Last updated:** [January 4, 2024, 6:42am UTC](https://forum.elixirforum.com/t/how-to-use-fonts-from-bootstrap-icons/59198 "2024-01-04T06:42:01Z")
I am using Elixir and Phoenix for more than 5 years and I only built API applications in the past, so I never had the need to care about assets etc. and when I needed them, I always used the CDN-files. This time I wante… --- ## [Liveview update resets Bootstrap collapse](https://forum.elixirforum.com/t/liveview-update-resets-bootstrap-collapse/58742)
**Author:** [@DLazar](https://forum.elixirforum.com/u/DLazar)\ **Replies:** 1\ **Last updated:** [October 6, 2023, 9:08am UTC](https://forum.elixirforum.com/t/liveview-update-resets-bootstrap-collapse/58742 "2023-10-06T09:08:33Z")
Hello, on my liveview application I used for some elements the Bootstrap collapse functionality. It works fine and looks great, however when some handle\_events happen(for example a form validation) and the liveview upd… --- ## [Liveview + bootstrap accordion](https://forum.elixirforum.com/t/liveview-bootstrap-accordion/40233)
**Author:** [@Sebb](https://forum.elixirforum.com/u/Sebb)\ **Replies:** 3\ **Last updated:** [October 2, 2023, 9:34am UTC](https://forum.elixirforum.com/t/liveview-bootstrap-accordion/40233 "2023-10-02T09:34:55Z")
I have a two level hierarchy that I want to render in a bootstrap accordion. It looks like this: first-level-item-text-1 second-level-item-text-1-1 second-level-item-text-1-2 first-level-item-text-1 second-lev… --- ## [How to deploy legacy react app to phoenix liveview using bootstrap and jquery](https://forum.elixirforum.com/t/how-to-deploy-legacy-react-app-to-phoenix-liveview-using-bootstrap-and-jquery/55456)
**Author:** [@eddyraz](https://forum.elixirforum.com/u/eddyraz)\ **Replies:** 0\ **Last updated:** [April 23, 2023, 5:20pm UTC](https://forum.elixirforum.com/t/how-to-deploy-legacy-react-app-to-phoenix-liveview-using-bootstrap-and-jquery/55456 "2023-04-23T17:20:51Z")
Good afternoon. I have a legacy app writtern in react using a bootstrap template and jquery. I am migrating it to liveview and I am have a really hard time translating all the bootstrap template css to tailwind. Is there… --- ## [Bootstrap 5 icons not loading](https://forum.elixirforum.com/t/bootstrap-5-icons-not-loading/53807)
**Author:** [@KoeusIss](https://forum.elixirforum.com/u/KoeusIss)\ **Replies:** 3\ **Last updated:** [February 15, 2023, 5:16am UTC](https://forum.elixirforum.com/t/bootstrap-5-icons-not-loading/53807 "2023-02-15T05:16:07Z")
Hello folks, I’m working on a new project and I’m trying to implement Bootstrap v5 for my backoffice app, I’m using umbrella app and bootstrap works fine but I’m having problem with bootstrap icons. I used this guide fo… --- ## [Differences between Tailwind and Bootstrap?](https://forum.elixirforum.com/t/differences-between-tailwind-and-bootstrap/52498)
**Author:** [@dogweather](https://forum.elixirforum.com/u/dogweather)\ **Replies:** 5\ **Last updated:** [December 14, 2022, 7:18am UTC](https://forum.elixirforum.com/t/differences-between-tailwind-and-bootstrap/52498 "2022-12-14T07:18:47Z")
Can someone sum up the differences between Tailwind and Bootstrap? I did two web searches and skimmed five articles, and they’re all super-spammy. Is Tailwind less semantic? Does it encourage you to not create your own … --- ## [\[SOLVED\] Troubleshooting: Bootstrap 5.2 with Phoenix 1.6](https://forum.elixirforum.com/t/solved-troubleshooting-bootstrap-5-2-with-phoenix-1-6/48726)
**Author:** [@shahsyed](https://forum.elixirforum.com/u/shahsyed)\ **Replies:** 0\ **Last updated:** [July 2, 2022, 11:29am UTC](https://forum.elixirforum.com/t/solved-troubleshooting-bootstrap-5-2-with-phoenix-1-6/48726 "2022-07-02T11:29:07Z")
Spent a better half of a day trying to display style sheets from Bootstrap 5 in Phoenix LiveView, unfortunately I am failing hard. I saw this post, but I don’t want to use NodeJS to build and manage my SCSS, rather let e… --- ## [Bootstrap required JS doesn't load](https://forum.elixirforum.com/t/bootstrap-required-js-doesnt-load/48180)
**Author:** [@andreyuhai](https://forum.elixirforum.com/u/andreyuhai)\ **Replies:** 5\ **Last updated:** [June 4, 2022, 11:34am UTC](https://forum.elixirforum.com/t/bootstrap-required-js-doesnt-load/48180 "2022-06-04T11:34:18Z")
Well, this might not be a Phoenix related question in particular but I’ve been stuck and annoyed for so long and I couldn’t find an answer anywhere else. My only hope is that if you want to help it’ll be easier for you t… --- ## [Using form\_for with LiveView and Bootstrap Modal component](https://forum.elixirforum.com/t/using-form-for-with-liveview-and-bootstrap-modal-component/31769)
**Author:** [@michaelfich](https://forum.elixirforum.com/u/michaelfich)\ **Replies:** 9\ **Last updated:** [March 25, 2022, 11:56pm UTC](https://forum.elixirforum.com/t/using-form-for-with-liveview-and-bootstrap-modal-component/31769 "2022-03-25T23:56:57Z")
I’ve been stuck on a particularly strange issue using Phoenix LiveView and Bootstrap. I have a button on the page which opens a bootstrap modal when clicked. Inside the modal is a form. When I add a phx\_submit and phx… --- ## [Working package.json for Phoenix bootstrap 5](https://forum.elixirforum.com/t/working-package-json-for-phoenix-bootstrap-5/40614)
**Author:** [@vishal-h](https://forum.elixirforum.com/u/vishal-h)\ **Replies:** 4\ **Last updated:** [June 23, 2021, 12:51pm UTC](https://forum.elixirforum.com/t/working-package-json-for-phoenix-bootstrap-5/40614 "2021-06-23T12:51:13Z")
I am trying to setup Phoenix/Bootstrap5 based on Using Bootstrap Native with Phoenix LiveView - Dashbit Blog I am struggling with this for last 2 days. Nothing wrong with Elixir/Phoenix but the issues are related with n… --- ## [How to display Flash Messages in Different Colors](https://forum.elixirforum.com/t/how-to-display-flash-messages-in-different-colors/15834)
**Author:** [@bodhilogic](https://forum.elixirforum.com/u/bodhilogic)\ **Replies:** 6\ **Last updated:** [May 25, 2021, 7:38pm UTC](https://forum.elixirforum.com/t/how-to-display-flash-messages-in-different-colors/15834 "2021-05-25T19:38:21Z")
I want to use the full gamut of Bootstrap Alert ‘types’ (and their associated colors); primary, secondary, success, danger, warning, info, light and dark. In Phoenix: put\_flash(:info, message) displays a Bootstrap ‘in… --- ## [LiveComponent inside a modal closing modal when receiving any event](https://forum.elixirforum.com/t/livecomponent-inside-a-modal-closing-modal-when-receiving-any-event/33641)
**Author:** [@lonamiaec](https://forum.elixirforum.com/u/lonamiaec)\ **Replies:** 2\ **Last updated:** [August 9, 2020, 3:03pm UTC](https://forum.elixirforum.com/t/livecomponent-inside-a-modal-closing-modal-when-receiving-any-event/33641 "2020-08-09T15:03:58Z")
Hi all! I have a LiveComponent living inside a modal. This component lists some items and let me add a new one with a form. I render the LiveComponent in this way \<%= live\_component @socket, TestProjectWeb.ProceedingL… --- ## [Add Bootstrap and Jquery to Phoenix 1.4 project](https://forum.elixirforum.com/t/add-bootstrap-and-jquery-to-phoenix-1-4-project/22498)
**Author:** [@wearblc](https://forum.elixirforum.com/u/wearblc)\ **Replies:** 11\ **Last updated:** [November 27, 2019, 6:47pm UTC](https://forum.elixirforum.com/t/add-bootstrap-and-jquery-to-phoenix-1-4-project/22498 "2019-11-27T18:47:44Z")
I’m trying to add Jquery and Boostrap.js to my project. I’m doing this by downloading the file jquery.js and bootstrap.js and placing them in my vender \> js folder. Do I need to import these files into my app.js file to… --- ## [Incorporating 3rd party admin template to Phoenix 1.4 project](https://forum.elixirforum.com/t/incorporating-3rd-party-admin-template-to-phoenix-1-4-project/22885)
**Author:** [@snake117](https://forum.elixirforum.com/u/snake117)\ **Replies:** 3\ **Last updated:** [June 4, 2019, 10:57pm UTC](https://forum.elixirforum.com/t/incorporating-3rd-party-admin-template-to-phoenix-1-4-project/22885 "2019-06-04T22:57:34Z")
I recently came across this theme on Bootstrap Dash: Corona Bootstrap Admin Template | BootstrapDash and would like to incorporate it in my next Phoenix 1.4 project. I have not done this before and was wondering how to g… --- ## [How to install bootstrap in Phoenix 1.4?](https://forum.elixirforum.com/t/how-to-install-bootstrap-in-phoenix-1-4/18807)
**Author:** [@twan](https://forum.elixirforum.com/u/twan)\ **Replies:** 7\ **Last updated:** [April 22, 2019, 9:05pm UTC](https://forum.elixirforum.com/t/how-to-install-bootstrap-in-phoenix-1-4/18807 "2019-04-22T21:05:00Z")
How to install bootstrap in my project? --- ## [Problem on installing bootstrap 4 in phoenix 1.4](https://forum.elixirforum.com/t/problem-on-installing-bootstrap-4-in-phoenix-1-4/21230)
**Author:** [@shahryarjb](https://forum.elixirforum.com/u/shahryarjb)\ **Replies:** 2\ **Last updated:** [March 29, 2019, 9:28am UTC](https://forum.elixirforum.com/t/problem-on-installing-bootstrap-4-in-phoenix-1-4/21230 "2019-03-29T09:28:33Z")
Hello, I have read some post on internet like this: https://medium.com/wecode-ng/how-to-install-bootstrap-on-phoenix-1-4-project-c8aa724dcdeb but I still have problems to install bootstrap 4 in phoenix 1.4. Step 1: I … --- ## [Correct Display of Errors in Phoenix.HTML with Bootstrap](https://forum.elixirforum.com/t/correct-display-of-errors-in-phoenix-html-with-bootstrap/20076)
**Author:** [@flp](https://forum.elixirforum.com/u/flp)\ **Replies:** 4\ **Last updated:** [March 3, 2019, 1:25pm UTC](https://forum.elixirforum.com/t/correct-display-of-errors-in-phoenix-html-with-bootstrap/20076 "2019-03-03T13:25:28Z")
Bootstrap requires since Bootstrap 4.0 is-invalid as field class to display the field error. I found a solution presented in the following to display the errors again, but I don’t really know what’s the best way to inte… --- ## [Phoenix 1.4.0-rc1 • Webpack • Bootstrap 4](https://forum.elixirforum.com/t/phoenix-1-4-0-rc1-webpack-bootstrap-4/17354)
**Author:** [@dimitarvp](https://forum.elixirforum.com/u/dimitarvp)\ **Replies:** 7\ **Last updated:** [October 23, 2018, 7:31pm UTC](https://forum.elixirforum.com/t/phoenix-1-4-0-rc1-webpack-bootstrap-4/17354 "2018-10-23T19:31:17Z")
So here is a lame question. If I figure I want Bootstrap 4 how can I do it exactly? I admit I am totally lost on webpack and all the arcane JS incantations that their ecosystem seems to enjoy so much. Importing the CSS … --- ## [Setting up a bootstrap template in Phoenix](https://forum.elixirforum.com/t/setting-up-a-bootstrap-template-in-phoenix/17121)
**Author:** [@TrevorHinesley](https://forum.elixirforum.com/u/TrevorHinesley)\ **Replies:** 3\ **Last updated:** [October 8, 2018, 2:09pm UTC](https://forum.elixirforum.com/t/setting-up-a-bootstrap-template-in-phoenix/17121 "2018-10-08T14:09:13Z")
Hi everyone! I’m a long-time Rails programmer and have been dabbling in Elixir/Phoenix. Loving it! I just downloaded the Argon dashboard by Creative Tim and am trying to get it hooked up a new Phoenix application. Here… --- ## [Some bootstrap4's css doesn't load in my phoenix project](https://forum.elixirforum.com/t/some-bootstrap4s-css-doesnt-load-in-my-phoenix-project/15217)
**Author:** [@shahryarjb](https://forum.elixirforum.com/u/shahryarjb)\ **Replies:** 6\ **Last updated:** [July 19, 2018, 9:50am UTC](https://forum.elixirforum.com/t/some-bootstrap4s-css-doesnt-load-in-my-phoenix-project/15217 "2018-07-19T09:50:53Z")
Hello , I have updated phoenix css to bootstrap4, but some bootstrap4’s css doesn’t load in my phoenix project, for example in phoenix in html file I checked this and I know the css line doesn’t exist, weblayers ex… --- ## [Best way to integrate Bootstrap into a Pheonix 1.3 application?](https://forum.elixirforum.com/t/best-way-to-integrate-bootstrap-into-a-pheonix-1-3-application/12825)
**Author:** [@acrolink](https://forum.elixirforum.com/u/acrolink)\ **Replies:** 5\ **Last updated:** [March 2, 2018, 8:53am UTC](https://forum.elixirforum.com/t/best-way-to-integrate-bootstrap-into-a-pheonix-1-3-application/12825 "2018-03-02T08:53:37Z")
No need for SASS, before, after, brunch, etc.. Just put the script src in head? --- ## [Boostrap 4 + Sass installation in Phoenix 1.3](https://forum.elixirforum.com/t/boostrap-4-sass-installation-in-phoenix-1-3/10139)
**Author:** [@dgamidov](https://forum.elixirforum.com/u/dgamidov)\ **Replies:** 7\ **Last updated:** [February 28, 2018, 7:11pm UTC](https://forum.elixirforum.com/t/boostrap-4-sass-installation-in-phoenix-1-3/10139 "2018-02-28T19:11:22Z")
Hi folks, Just a short instruction. Maybe it will help somebody. Install boostrap with deps and Sass: cd assets npm install jquery --save-dev npm install tether --save-dev npm install bootstrap@4.0.0-beta.2 --save-… --- ## [Noob questions: GIS / API / BDD / Bootstrap 4 vs CSS Grid](https://forum.elixirforum.com/t/noob-questions-gis-api-bdd-bootstrap-4-vs-css-grid/11894)
**Author:** [@synthslave](https://forum.elixirforum.com/u/synthslave)\ **Replies:** 6\ **Last updated:** [January 25, 2018, 12:56am UTC](https://forum.elixirforum.com/t/noob-questions-gis-api-bdd-bootstrap-4-vs-css-grid/11894 "2018-01-25T00:56:07Z")
Hello all, first time posting and looking forward to being a fellow positive, contributing member here. I am completely new, not only to Elixir, but to programming in general so apologies in advance if questions aren’t …