deyanivanov966

Section 3 Bootstrap 101

Jan 6th, 2022 (edited)
87
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.34 KB | None | 0 0
  1. --> Bootstrap Introduction
  2.  
  3. Get started with Bootstrap, the world’s most popular framework for building responsive, mobile-first sites, with jsDelivr and a template starter page.
  4.  
  5. Quick start
  6. Looking to quickly add Bootstrap to your project? Use jsDelivr, a free open source CDN. Using a package manager or need to download the source files? Head to the downloads page.
  7.  
  8. CSS
  9. Copy-paste the stylesheet <link> into your <head> before all other stylesheets to load our CSS.
  10.  
  11. <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
  12.  
  13. JS
  14. Many of our components require the use of JavaScript to function. Specifically, they require our own JavaScript plugins and Popper. Place one of the following <script>s near the end of your pages, right before the closing </body> tag, to enable them.
  15.  
  16. Bundle
  17. Include every Bootstrap JavaScript plugin and dependency with one of our two bundles. Both bootstrap.bundle.js and bootstrap.bundle.min.js include Popper for our tooltips and popovers. For more information about what’s included in Bootstrap, please see our contents section.
  18.  
  19. <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
  20.  
  21. Separate
  22. If you decide to go with the separate scripts solution, Popper must come first (if you’re using tooltips or popovers), and then our JavaScript plugins.
  23.  
  24. <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.2/dist/umd/popper.min.js" integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script>
  25. <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script>
  26.  
  27.  
  28. --> Bootstrap Tutoirial V5
  29.  
  30. https://www.youtube.com/watch?v=rQryOSyfXmI
  31.  
  32.  
  33. --> Bootstrap Task
  34.  
  35. This task your layout should be responsive using
  36.  
  37. https://www.figma.com/file/tUp0xFeqtcsaifWhJlv4xE/Bootstrap-Cv?node-id=0%3A1
  38.  
  39. 3.3 Тема Изображение
  40.  
  41. About font size you can check from figma when you click to text rightside you can see it
Add Comment
Please, Sign In to add comment