Basic Page Setup

Basic Page Setup

Let's build a PHP Bootstrap website from scratch!

Let's start with the source code from the Basic Template and then we'll add some other components to your website. I'm assuming that you already have a server host, that has provided you with an FTP connection to your domain account.

If you want to run a web site you need web hosting with the web servers and connections necessary to get your business online. There are many different varieties of web hosting, designed to meet different needs. A ten-page web site set up by an individual will need far less robust web hosting package than a multinational high-traffic site set up by a big company.

I can help you with a domain and hosting, if needed. Click Here

Basic Template Code

Start Here


1. If you have not already done so, start by creating a file called "index.php"

<!--BEGIN COPY AND PASTE TO - index.php file-->

<!DOCTYPE html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <title>Page Title</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
  </head>

<body>

<div class="container">
<!--CONTENT GOES HERE-->

    <h1>Hello, world!</h1>
<h2>Welcome to my website</h2>
  <div class="container-fluid">
    <div class="row">
      <div class="col-lg-12">
       <h3>Column 1</h3> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
        Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
      </div>
    </div>
  </div>

<!--CONTENT ENDS HERE-->
</div>
    <!-- Optional JavaScript -->
    <!-- Popper JS, then Bootstrap JS -->
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js" integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy" crossorigin="anonymous"></script>

  </body>
</html>

<!--END COPY AND PASTE-->

This is your first page setup. You can create other pages simply by copying this file and renaming the file to about-us.php or contact-us.php for example.

NOTE: Folders and file names are just suggestions. This element can and could be used for other things depending on your needs.

PHP Bootstrap

A toolbox for coding your next website!

Basic Page Setup

Let's build a PHP Bootstrap website from scratch!

Basic Page Setup

Now, we need to add a