JSF and Bootstrap5

Question

We use JSF and now the new designing new webpages using bootstrap5 to make it responsive.

The hamburger / checkbox / drop-down menu icons appear when the newly designed html pages are seen independently.

However when the new pages are intergrated to the java code (JSF) the icons dont appear at all.

The application server used is Jboss EAP7 and JSF 2.2

We have included at the top

  <?xml version="1.0" encoding="UTF-8"?>
  <!DOCTYPE html>
  <html xmlns="http://www.w3.org/1999/xhtml"><head id="j_idt2">
  <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>M</title>
  <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
  <link rel="stylesheet" type="text/css" href="css/styles.css" />

and towards the end

 <script type="text/javascript" src="js/bootstrap.bundle.min.js"></script>
 <script type="text/javascript" src="jquery-3.6.0.min"></script>

enter image description here

In the attached image, icons highlighted cant be seen when added to the java code . However those are seen in plain html

JSF and Bootstrap5

0 Answers0