Add Bootstrap in Project in Rails - library

-

 



Add this full code in application.html.erb


<!doctype html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Bootstrap CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-eOJMYsd53ii+scO/bJGFsiCZc+5NDVN2yr8+0RDqr0Ql0h+rP48ckxlpbzKgwra6" crossorigin="anonymous">

    <title>Hello, world!</title>
  </head>
  <body>
    <h1>Hello, world!</h1>

    <!-- Optional JavaScript; choose one of the two! -->

    <!-- Option 1: Bootstrap Bundle with Popper -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/js/bootstrap.bundle.min.js" integrity="sha384-JEW9xMcG8R+pH31jmWH6WWP0WintQrMb4s7ZOdauHnUtxwoG2vI5DkLtS3qm9Ekf" crossorigin="anonymous"></script>

    <!-- Option 2: Separate Popper and Bootstrap JS -->
    <!--
    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.1/dist/umd/popper.min.js" integrity="sha384-SR1sx49pcuLnqZUnnPwx6FCym0wLsk5JZuNx2bPPENzswTNFaQU1RDvt3wT4gWFG" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/js/bootstrap.min.js" integrity="sha384-j0CNLUeiqtyaRmlzUHCPZ+Gy5fQu0dQ6eZ/xAww941Ai1SxSY+0EQqNXNE6DZiVc" crossorigin="anonymous"></script>
    -->
  </body>
</html>

Comments

Post a Comment

Popular posts from this blog

Rails 7 Features :: Comparison with Rails 6 and Rails 5

-
Rails 7 Features :: Link ::    https://medium.com/geekculture/whats-new-in-rails-7-b97d44eecdb2 What's new in Rails 7 :: 1. Webpack and node is not required  2. Encrypted Database Layer  3. Asynchronous Querying 4. Applications would only run in Asychronous Querying  5. Ujs and Turbolink is now replaced Stimulous and Turbo 6. Inline your query with single record using sole  7. Use controller actions to the streamed generated file  8. Named Variant .............................................................................................................................. Whats new in Rails -6 :: Note :: In Rails 6 many things we extract from the basecamp  Link ::    https://www.cuelogic.com/blog/whats-new-in-rails-6 1. Action Mailbox  2. Action Text 3. Parellel Testing  4. Action Cable Testing  5. Webpack  ....................................... Rails -6 Features :: Link :::    https://www.toptal.com/r...
Read more