Bootstrap Tutorial : Getting Started Using Framework Bootstrap

Bootstrap 3 Tutorial - What is Bootstrap? Framework Bootstrap is the most popular front end framework since one time earlier. How to instal...

Bootstrap 3 Tutorial - What is Bootstrap? Framework Bootstrap is the most popular front end framework since one time earlier. How to install bootstrap? this lessons will explaint how we strated to create web responsive design using bootstrap.

Getting Strated

First step, we need to download Bootstrap files from offical website http://getbootstrap.com/getting-started/#download

Next, create new project in your localhost/server and open it with your Text editor, we will create new file (index.html) and add basic template using bootstrap.

Getting Started Using Framework Bootstrap

Bootstrap Basic Template

<!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">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <title>My First Bootstrap Template</title>

    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
    <h1>Hello, world!</h1>

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
  </body>
</html>

now, just execute and try our index.html page, you will get an first bootstrap page, that have a responsive design using desktop or mobile.

Video tutorial Getting Started Using Framework Bootstrap

See you next time

COMMENTS

Next Recomended


Feel free to code it up and send us a pull request.

Hi everyone, let's me know how much this lesson can help your work. Please Subscribe and Follow Our Social Media 'kodeajaib[dot]com' to get Latest tutorials and will be send to your email everyday for free!, Just hit a comment if you have confused. Nice to meet you and Happy coding :) all ^^



Follow by E-Mail


Name

ADO.NET,3,Ajax,6,Android,9,AngularJS,4,ASP.NET,4,Blogger Tutorials,7,Bootstrap,7,C++,1,Codeigniter,2,Cplusplus,6,Crystal Report,6,CSharp,25,Ebook Java,2,FlyExam,1,FSharp,3,Game Development,2,Java,35,JDBC,2,Laravel,84,Lumen,2,MariaDB,2,Ms Access,3,MySQL,31,ODBC,6,OleDB,1,PHP,14,PHP Framework,5,PHP MYSQLI,9,PHP OOP,5,Python,8,Python 3,4,SQL Server,4,SQLite,4,Uncategorized,5,Vb 6,2,Vb.Net,89,Video,48,Vue Js,4,WPF,2,Yii,3,
ltr
item
KODE AJAIB: Bootstrap Tutorial : Getting Started Using Framework Bootstrap
Bootstrap Tutorial : Getting Started Using Framework Bootstrap
https://1.bp.blogspot.com/-oMieuKZplWE/V-1zNLAMNfI/AAAAAAAACmI/S0li8Dex9UMja2tIJfaknCaUHjXPpYr9gCLcB/s320/bootstrap-3-tutorial-for-beginner.png
https://1.bp.blogspot.com/-oMieuKZplWE/V-1zNLAMNfI/AAAAAAAACmI/S0li8Dex9UMja2tIJfaknCaUHjXPpYr9gCLcB/s72-c/bootstrap-3-tutorial-for-beginner.png
KODE AJAIB
https://www.kodeajaib.com/2016/09/bootstrap-tutorial-getting-started-using-bootstrap.html
https://www.kodeajaib.com/
https://www.kodeajaib.com/
https://www.kodeajaib.com/2016/09/bootstrap-tutorial-getting-started-using-bootstrap.html
true
3214704946184383982
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy