# Bootstrap 5.1.0

**URL:** <https://forum.pinegrow.com/t/bootstrap-5-1-0/5600>\
**Category:** Bootstrap\
**Tags:** css\
**Created:** [August 30, 2021, 5:40pm UTC](https://forum.pinegrow.com/t/bootstrap-5-1-0/5600 "2021-08-30T17:40:56Z")\
**Posts on this page:** 8\
**Page:** 2

<div class="post-metadata">

**Author:** ![wiverson](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/wiverson/32/3777_2.png) [@wiverson](https://forum.pinegrow.com/u/wiverson)\
**Post date:** [September 1, 2021, 3:59pm UTC](https://forum.pinegrow.com/t/bootstrap-5-1-0/5600/21 "2021-09-01T15:59:59Z")

</div>

> There is nothing tricky when you implement a terminal in a web-editor

So, have you done this? Dealt with streams, threading, character rendering, colors, etc?

> RE: 250 websites

Well, yes, everything you are describing works great with an external Terminal app.

What about that would be improved by integrating the Terminal directly into Pinegrow vs just tabbing over?

---

<div class="post-metadata">

**Author:** ![AllMediaLab](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/allmedialab/32/2079_2.png) [@AllMediaLab](https://forum.pinegrow.com/u/AllMediaLab)\
**Post date:** [September 1, 2021, 4:41pm UTC](https://forum.pinegrow.com/t/bootstrap-5-1-0/5600/22 "2021-09-01T16:41:58Z")

</div>

> [@wiverson](#):
>
> What about that would be improved by integrating the Terminal directly into Pinegrow vs just tabbing over?

It will offer the same improvements as Terminus in Sublime Text and the Terminal in VS code (Aptana in the past) etc. etc.  
The integrated Terminals are not there without a good reason! If the tabbing option you are referring to was much easier they would have made them like that!

Both have a integrated Terminal at the bottom of the app (like the Terminal plugin in Pinegrow) that you can place where you want and implicates distraction free working in both panels without the need of tabbing or losing any sight on the total project. I tried all kinds of NPM apps and the integrated ones work much easier and better.

Example: If you want to install Bootstrap or update Bootstrap in Pinegrow and you have a build system in Pinegrow you only have to put some `npm` install code in the integrated terminal and see in Pinegrow at the same time your project being updated or installed without losing sight, floating panels or any other distraction. You just stay full screen and everything happens in one panel with the editor, terminal etc…

---

<div class="post-metadata">

**Author:** ![Emmanuel](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/emmanuel/32/6294_2.png) [@Emmanuel](https://forum.pinegrow.com/u/Emmanuel)\
**Post date:** [September 1, 2021, 4:50pm UTC](https://forum.pinegrow.com/t/bootstrap-5-1-0/5600/23 "2021-09-01T16:50:48Z")

</div>

> [@AllMediaLab](#):
>
> If the tabbing option you are referring to was much easier they would have made them like that!

Again, to each their own workflow, expectations, preferences etc…  
For me, using iTerm as a companion application is fine, but I can understand that others may think differently and wish to have everything in one place.  
In any case, this is not currently offered in Pinegrow and for the time being, external solutions are a great alternative.

---

<div class="post-metadata">

**Author:** ![TechAkayy](https://avatars.discourse-cdn.com/v4/letter/t/ce73a5/32.png) [@TechAkayy](https://forum.pinegrow.com/u/TechAkayy)\
**Post date:** [September 1, 2021, 4:53pm UTC](https://forum.pinegrow.com/t/bootstrap-5-1-0/5600/24 "2021-09-01T16:53:51Z")

</div>

@AllMediaLab.

iTerm2 probably might give the user experience you are trying to achieve, check this out - [How to turn iTerm2 into a slide-out terminal (visor mode) - YouTube](https://www.youtube.com/watch?v=pIFbT3saYeM)

---

<div class="post-metadata">

**Author:** ![AllMediaLab](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/allmedialab/32/2079_2.png) [@AllMediaLab](https://forum.pinegrow.com/u/AllMediaLab)\
**Post date:** [September 1, 2021, 5:02pm UTC](https://forum.pinegrow.com/t/bootstrap-5-1-0/5600/25 "2021-09-01T17:02:50Z")

</div>

Thanks for the video! Have seen the slide-out terminal before but prefer a integrated terminal, because of the earlier stated points.

---

<div class="post-metadata">

**Author:** ![TechAkayy](https://avatars.discourse-cdn.com/v4/letter/t/ce73a5/32.png) [@TechAkayy](https://forum.pinegrow.com/u/TechAkayy)\
**Post date:** [September 1, 2021, 5:10pm UTC](https://forum.pinegrow.com/t/bootstrap-5-1-0/5600/26 "2021-09-01T17:10:20Z")

</div>

> [@AllMediaLab](#):
>
> earlier stated points

I think there is a bit of clarity required here. I want to understand what advantage you see in using the terminal within Pinegrow vs using it externally?

Let’s say you have an external terminal like iTerm2 cd’ed into your project root where package.json lives. You run `npm install lodash` and the terminal completes installing the package. Or you run `npm i` and all the packages in your package.json gets installed within node\_modules folder of your project.

Are you expecting Pinegrow to show this newly installed package under node\_modules instantly? If you remove this in your settings, then you should be able to see your node\_modules and installed packages within Pinegrow file structure.

 ![image](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/6/6b8a368eec24ebb4a3a16d6e8257f2f918dc6335.png)

Wouldn’t a tool like iTerm2 do the job which slide in/out (which is better) on top of Pinegrow or any other dev app you use - deliver the same UX? Sliding in and hiding out with keyboard shortcut means this panel is not going to eat into the Pinegrow real estate.

I’m working on one project at a time and having this open in two editors like Pinegrow & Vs-code seems easy. But your situation is different, obviously opening numerous projects & constantly switching between them might means having them open in two editors will be really hard. But having an external terminal like iTerm2 that slides in/out might solve this difficulty you might have. Only inconvenience is that you will have to cd into the current project root (opened in Pinegrow) in your terminal which is a negligible effort.

---

<div class="post-metadata">

**Author:** ![schpengle](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/schpengle/32/238_2.png) [@schpengle](https://forum.pinegrow.com/u/schpengle)\
**Post date:** [September 1, 2021, 9:13pm UTC](https://forum.pinegrow.com/t/bootstrap-5-1-0/5600/27 "2021-09-01T21:13:36Z")

</div>

I still use **TotalTerminal**  
on Mac Mojave… not supposed to work… unsupported, but it does.

This works with the Standard Mac Terminal.

> **[TotalTerminal](https://totalterminal.binaryage.com/)**
>
> TotalTerminal is a system-wide terminal for macOS available on a hot-key

This followed on from their orignal **Visor**

> **[Visor](https://visor.binaryage.com/)**
>
> Visor is a system-wide terminal for OSX available on a hot-key

but… we are…waaaaaaay off track for Bootstrap 5.1.0 Topic 😛

---

<div class="post-metadata">

**Author:** ![wiverson](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/wiverson/32/3777_2.png) [@wiverson](https://forum.pinegrow.com/u/wiverson)\
**Post date:** [September 1, 2021, 11:02pm UTC](https://forum.pinegrow.com/t/bootstrap-5-1-0/5600/28 "2021-09-01T23:02:14Z")

</div>

One last bit - at least on macOS, I use [https://magnet.crowdcafe.com/](https://magnet.crowdcafe.com/) to keep my screens organized. Great for stuff like tabbing to a Terminal and then moving it to a particular spot.

[Previous page](https://forum.pinegrow.com/t/bootstrap-5-1-0/5600.md?page=1)
