Showing posts with label Bootstrap Programs. Show all posts
Showing posts with label Bootstrap Programs. Show all posts

Monday, 7 September 2015

Basic Bootstrap Second Example Program Page

Posted by Anto Navis 2 Comments

Basic Bootstrap Second Example Program Page

bootstrap tutorials, bootstrap basic, web design  , responisve web design , boootstrap web site, bootstrap theme

Second Simple Example Program For Bootstrap :

In this below example will shows the simple bootstrap page with a responsive fixed with container,

<!DOCTYPE html>
<html lang="en">
<head>
  <title>Bootstrap Example Page</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
  <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
</head>
<body>

<div class="container-fluid">
  <h1>My Second Bootstrap Page</h1>
  <p>some text.</p> 
</div>

</body>
</html>

Output:


Copy the above code and save it as an .html extension

Run the .html extension file , the output will be showned in the browser.




Read More

Wednesday, 26 August 2015

Basic Bootstrap Example Program Page

Posted by Anto Navis

Basic Bootstrap Example Program Page

bootstrap tutorials, bootstrap basic, web design  , responisve web design , boootstrap web site, bootstrap theme

First Simple Example Program For Bootstrap :

In this below example will shows the simple bootstrap page with a responsive fixed with container,

<!DOCTYPE html>
<html lang="en">
<head>
  <title>Bootstrap Example</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
  <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
</head>
<body>

<div class="container">
  <h1>My First Bootstrap Page</h1>
  <p>This is some text.</p> 
</div>

</body>
</html>

Output:


Copy the above code and save it as an .html extension

Run the .html extension file , the output will be showned in the browser.

 

Read More