dir.by  
Программирование, разработка, тестирование
Bootstrap - кнопки, меню, диалог, slider ... Контейнеры для размещения элементов
Что такое Bootstrap?
  Посмотрели 5644 раз(а)    
 Что такое Bootstrap? 
последнее обновление: 10 января 2019
Bootstrap это библиотека. Библиотека содержит шаблоны CSS, HTML, JavaScript, дизайн для кнопок, меток, таблиц, веб-форм и другие элементы web страниц.

Bootstrap использует библиотеку jQuery

Bootstrap полезный для мобильных телефонов и устройств с маленькими экранами. Он поставляется с библиотекой кнопок, стилями навигации и другими инструментами, допускающими многократное применение.

Самое главное, Bootstrap облегчает работу с разными браузерами и платформами.
Пример
  Html  
<html>

     <!-- заголовок -->
     <head>
          <meta charset="utf-8">
          <title>Example</title>
     </head>

     <!-- страница -->
     <body>
          <!-- подключить библиотеку jQuery -->
          <script src="https://dir.by/example_lib/jquery/jquery-3.3.1.min.js"></script>

          <!-- подключить библиотеку Bootstrap (css файл) -->
          <link rel="stylesheet" href="https://dir.by/example_lib/bootstrap-4.1.3/css/bootstrap.min.css">

          <!-- подключить библиотеку Bootstrap (js файл) -->
          <script src="https://dir.by/example_lib/bootstrap-4.1.3/js/bootstrap.min.js"></script>

          <!-- HTML элементы -->
          <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>
Пример смотрим, тестируем
На заметку!
Если использовать стили Bootstrap 3 и подключаете библиотеку Bootstrap 4 тогда не все будет работать правильно (Например: navbar плохо работал ).
 
 
Следующая тема →
Bootstrap где скачать и как подключить?
 
Ваши Отзывы ... комментарии ...
   
Вашe имя
Ваш комментарий (www ссылки может добавлять только залогиненный пользователь)

Экскурсии по Москве Экскурсии по Москве: пешеходные, автобусные и речные прогулки на любой вкус
  Объявления  
  Объявления  
 
Что такое Bootstrap?
Bootstrap где скачать и как подключить?
Контейнеры В Bootstrap ("container-fluid" и "container")
Bootstrap версия 4.0
Bootstrap 4 отличие от Bootstrap 3
элементы
"Navbar" В Bootstrap 4.0 - это главное горизонтальное меню для сайта (навигационные заголовки)
стили
class="form-inline" элементы на одной строке | Bootstrap 4.0
class="navbar-expand-lg" исчезает если размер области меньше lg | Bootstrap 4.0
class="mr-auto" отодвинуть в правый край , class="ml-auto" отодвинуть в левый край | Bootstrap 4.0
Отступы по вертикали, горизонтали | Bootstrap 4.0
для изучения
WEB Сайты для изучения Bootstrap 4.0
Bootstrap элементы для версии 3 и 4
Создание сетки "col-md-число" В Bootstrap 3 и Bootstrap 4
WWW сайты для изучения Bootstrap
Сайты для изучения Bootstrap

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