dir.by  
  Search  
Programming, development, testing
Bootstrap - buttons, menus, dialog, slider ... Containers for placing elements
What the Bootstrap?
  Looked at 4964 times    
 What the Bootstrap? 
last updated: 10 January 2019
Bootstrap it's a library. The library contains templates CSS, HTML, JavaScript, design for buttons, labels, tables, web forms and other elements web Pages.

Bootstrap uses the library jQuery

Bootstrap Useful for mobile phones and devices with small screens. It comes with a library of buttons, navigation styles, and other reusable tools.

The most important thing, Bootstrap makes it easier to work with different browsers and platforms.
Example
  Html  
<html>

     <!-- heading -->
     <head>
          <meta charset="utf-8">
          <title>Example</title>
     </head>

     <!-- page -->
     <body>
          <!-- connect library jQuery -->
          <script src="https://dir.by/example_lib/jquery/jquery-3.3.1.min.js"></script>

          <!-- connect library Bootstrap (css file) -->
          <link rel="stylesheet" href="https://dir.by/example_lib/bootstrap-4.1.3/css/bootstrap.min.css">

          <!-- connect library Bootstrap (js file) -->
          <script src="https://dir.by/example_lib/bootstrap-4.1.3/js/bootstrap.min.js"></script>

          <!-- HTML Elements -->
          <form>
               <div class="form-group">
                    <label for="email">Email address:</label>
                    <input type="email" style='width:300px;' class="form-control" id="email">
               </div>
               <div class="form-group">
                    <label for="pwd">Password:</label>
                    <input type="password" style='width:300px;' class="form-control" id="pwd">
               </div>
               <div class="checkbox">
                    <label><input type="checkbox"> Remember me</label>
               </div>
               <button type="submit" class="btn btn-default">Submit</button>
          </form>
     </body>

</html>
Example we look, we test
Note!
If you use styles Bootstrap 3 and connect the library Bootstrap 4 then not everything will work correctly (For example: navbar didn't work well ).
 
 
Next topic →
Bootstrap where to download and how to connect?
 
Your feedback ... Comments ...
   
Your Name
Your comment (www links can only be added by a logged-in user)

  Объявления  
  Объявления  
 
What the Bootstrap?
Bootstrap where to download and how to connect?
Containers in the Bootstrap ("container-fluid" and "container")
Bootstrap Version 4.0
Bootstrap 4 difference from Bootstrap 3
Elements
"Navbar" in the Bootstrap 4.0 - this is the main horizontal menu for the site (navigation headers)
Styles
class="form-inline" items on a single line | Bootstrap 4.0
class="navbar-expand-lg" disappears if the area size is smaller lg | Bootstrap 4.0
class="mr-auto" move to the right edge , class="ml-auto" move to the left edge | Bootstrap 4.0
Vertical indentation, horizontal indentation | Bootstrap 4.0
to study
WEB Sites to explore Bootstrap 4.0
Bootstrap items for the version 3 and 4
Create a grid "col-md-number" in the Bootstrap 3 and Bootstrap 4
WWW sites for learning Bootstrap
Sites to explore Bootstrap

  Ваши вопросы присылайте по почте: info@dir.by  
Яндекс.Метрика