• Problems

    This line enable URL Rewriting . It must be enabled via the RewriteEngine directive! and if your .htaccess file is going to use rewrite rules, you should always include this line. Otherwise, you can’t be sure if its enabled or not. The string “on” is case insensitive.

It is very easy to setup and start using Bootstrap.Bootstrap can be used in webpage in two way
1)Using CDN file :


2)Using local file
a)Downloading Bootstrap
 You can download the latest version of Bootstrap from http://getbootstrap.com/.
 When you click on this link, you will get to see a screen as below: 
Here you can see two buttons:
*Download Bootstrap: Clicking this, you can download the precompiled and minified versions of Bootstrap CSS,
JavaScript, and fonts. No documentation or original source code files are included.
* Download Source: Clicking this, you can get the latest Bootstrap LESS and JavaScript source code directly from GitHub.
 If you work with Bootstrap's uncompiled source code, you need to compile the LESS files to produce usable CSS files.
 For compiling LESS files into CSS, Bootstrap officially supports onlyRecess , which is Twitter's CSS hinter based on less.js.
For better understanding and ease of use, we shall use precompiled version of Bootstrap  .
 As the files are complied and minified you don't have to bother every time including separate files for individual
 functionality.

b)Linking in webpage :

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


c)A simple Bootstrap templete:
<!DOCTYPE html> <html>
   <head>    
  <title>Bootstrap 101 Template</title>      
<meta name="viewport" content="width=device-width, initial-scale=1.0">      
<!-- Bootstrap -->      
<link href="css/bootstrap.min.css" rel="stylesheet"> 
<!-- HTML5 Shim and Respond.js 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/libs/html5shiv/3.7.0/             html5shiv.js"></script>
          <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/             respond.min.js"></script>     
 <![endif]-->   
</head>   
<body>     
 <h1>Hello, world!</h1> 
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->      
<script src="https://code.jquery.com/jquery.js"></script>      
<!-- Include all compiled plugins (below), or include individual files              as needed -->      
<script src="js/bootstrap.min.js"></script>   
</body>
</html> 

No comments:

Post a Comment