Hey buddy, after we successfully installed Bootstrap framework on the computer, the next step is we are going to make a simple project that display the text Hello World in the index.html file. Bootstrap tutorial will discuss it, so for those of you that are new or are learning Bootstrap framework of this tutorial is perfect. The steps are as follows:
Enable web server
It's the first thing you should do before starting coding index.html file that later can be run. Incidentally I am here using Wamp Server. Wamp definitely green icon to indicate that the service is already active.
Rename the folder of your Bootstrap be hello_world and put it in the root directory
Because I use Wamp Server, then in directory root in the www folder, for those of you who use the web server XAMP, then directory root in the htdocs folder.
Create an index.html file
This index.html file will be in place in hello_world folder, while the source code of index.html is as below.
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE-edge"> <meta name="viewport" content="width-device-width, initial-scale-1"> <title>Live Demo bootstrap 3 for Beginner</title> </head> <body> <h1>Hello, World!!!</h1> </body> </html>
Open a web browser
If you've finished creating an index.html file the next step is we run, how to open a web browser and type the address like this http://localhost/hello_world/index.html
In this article I also include video so you can practice immediately if you experience difficulty in understanding this article.