So that we can enter in the size of this particular column. And you'll notice that we have a cursor placed in four different places here. And when we fill that out, it will give us a new div inside the row. If we do bs3-row, that shows up and you'll see that it's row-col, for column. So then if we want a row, we would just type bs3-row, it would create a row for us. So if we went into the body of our document, we wanted to create a container for Bootstrap, we just type bs3.container. But again, very, very quick, and very easy to do. So we would type in the https:, and then we would paste that here, And here, and it should start working fine. We would have to go in and finish typing that fully qualified URL out. Now if you're testing this locally, these aren't going to work right away because of these forward slashes. And the Bootstrap minified JavaScript file. So, I'm wanna click on cdn and you will notice that it fills out everything that we need. I'm gonna look for cdn and here it is right here.
So we can see all those available, but we can also keep typing it out. We would start typing out the snippet name, which in our case always starts with bs3- and then we can see all of these snippets in the drop-down. So for example, if we wanted to throw in the CDN link to Bootstrap here in the head of our document. You basically just start typing in the snippet you want, and then you can fill it out very, very quickly. Now this works very similar to the HTML snippets. And after the window reloads, it will be ready for us. We'll click on Install, and then we will reload. But I'm gonna go ahead and click on the Bootstrap 3 snippets. So once you upgrade to Bootstrap 4, that will be available for you, as well. You'll notice a couple rows down, there is a Bootstrap 4 & Font awesome snippet. And it should be the first thing that shows up. So in our Extensions window, I'm just gonna do a search here for Bootstrap. And it's very useful for me because I use Bootstrap all the time. So if you're still using Bootstrap 3 instead of the new Bootstrap 4, which is still in alpha, then this will come in very useful for you. Then you're really gonna like the Bootstrap 3 Snippets plug-in.
If you're a regular user of Bootstrap and you thought the HTML Snippets plug-in was useful.
0 kommentar(er)
