URL and Link repository

Friday, March 11, 2016

XAMPP and Bootstrap

After successfully installing an Apache server on your rig (see previous post), now install some webpage templates via Bootstrap

Here is how I did

At first blush, Bootstrap looks like a directory structure that can be copied into c:/xampp/htdocs (this is where I installed XAMPP). So I just downloaded the source code files, unzipped and moved to the c:/xampp/htdocs directory. Did this work right out of the box? No.
That is because, I copied the standard "Hello World" html from Bootstrap into a file called bs1.html and typed

 http://localhost/bs1.html
into the browser.
Viewing source and debugging, I found that certain files in the directory were not found, so I just moved them to where the HTML expected them to be.
Kind of clunky, no?
Yes, so I installed
  • node.js
  • bower
  • and
  • git.
  • To be safe, I navigated to the
    c:/xampp/htdocs
    directory before installing.
    Then I ran
    bower install bootstrap
    from inside the
    c:/xampp/htdocs
    directory.
    Now after studying the directory, I found that
    http://localhost/docs/examples/jumbotron-narrow/index.html
    opens up a nice little template.
    How is using Bootstrap any different then just modifying CSS files? I do not yet know. More may be revealed.

    No comments:

    Post a Comment