Bootstrap one page scrolling web design part 1 – Twitter Bootstrap
Articles,  Blog

Bootstrap one page scrolling web design part 1 – Twitter Bootstrap


hi guys and welcome to this video this
is Jamie from system22.net and great-webdesign.com in this series of videos
we’re gonna put together a one-page scrolling website with the bootstrap
framework bootstraps awesome it’s really light it’s easy to use and fast loading
I mean WordPress is is great but it’s kind of bulky and heavy and if you don’t
need to do a blog on e-commerce site I recommend that you use bootstrap every
time so let’s go to over to start bootstrap they’ve got a nice bear blown bare-bones
template that we can use here and I’m going to go ahead and download the
bootstrap free version which is the current version of bootstrap
they are working on bootstrap for at the moment but it’s still in the alpha or
perhaps possibly the beta testing stage at the moment so I’m going to stick with
bootstrap 3 once you’ve got your template downloaded you want to organize
it into a folder that we can work in so I’ve got my template organizing this
folder here we want to go to it and extract the files that’s gonna leave us
with this folder right here that’s got everything we need in it want to take a
look at the license I’m gonna open this license with brackets which is a free
text editing software that we’re going to be using for this whole series of
videos to edit our template here and here we go here’s the license so
just checking it out and we’ve got permission to use this however we want
to we can copy and modify it publish it distribute it sublicense and/or still
copies of it if we want to so we’re free to use this template it’s
always a great idea to check things out when you download a template to make
sure you’re not infringing any copyright because it could cause you great
problems later on down the road so we’re good to go here let’s take a
look at it all we have to do to take a look at it is double click on the index
file and it’ll open it up in a browser for us whatever your default browser is
so here it is and it doesn’t look like much and it’s got all the elements we
need to put a really nice looking one page scrolling site together we can put
a logo in here and as you can see in order mattli Scrolls to the different
sections and we can add more sections as we need them and if I just scroll down
manually with my mouse meal wheel you’ll see that it jumps from one section to
another section as we’re scrolling down I believe that’s called scroll spy and
it’s a really nice effect to have on our site so that’s gonna do it for this
video it was just a quick video to show you where to get this template that
we’re going to be working on so go ahead and get it download it have a look at it
and in the next videos we’re gonna start styling it and building ourselves a nice
site these links I’ll put down below this
video so you’ll be able to download this template and also the brackets free
software so once again this has been Jamie from system 22 and great web
design comm thanks for watching I’ll see you in the next video

One Comment

Leave a Reply

Your email address will not be published. Required fields are marked *