Computer Science, asked by abuansari4549, 2 months ago

Bootstrap Panel Create a report for an automatic process to be submitted to the department manager. The report should contain the following information as depicted in the image below Concepts Coverage:- Bootstrap text alerts, Panel, List Group, Helper classes BS Notes:- 1. Create the report layout as shown in the figure 2. Create div for the container, panel default, panel heading, and panel body. There must be a caret symbol at the end of the text "Execution summary of tasks" 3. Create an unordered list with a list group class 4. Create list items with helper classes for text success, warning, and danger with appropriate span class badge 5. Create a panel footer in a div tag at the end of the report

Answers

Answered by surendramehta355

Answer:

<div class="panel-heading">Panel Heading</div>

<div class="panel-body">Panel Content</div>

</div>Bootstrap Panel Create a report for an automatic process to be submitted to the department manager. The report should contain the following information as depicted in the image below Concepts Coverage:- Bootstrap text alerts, Panel, List Group, Helper classes BS Notes:- 1. Create the report layout as shown in the figure 2. Create div for the container, panel default, panel heading, and panel body. There must be a caret symbol at the end of the text "Execution summary of tasks" 3. Create an unordered list with a list group class 4. Create list items with helper classes for text success, warning, and danger with appropriate span class badge 5. Create a panel footer in a div tag at the end of the reportPanel Footer

Panel Content

Panel Footer

The .panel-footer class adds a footer to the panel:

Example

<div class="panel-body">Panel Content</div>

<div class="panel-footer">Panel Footer</div>

</div>Panel Group

To group many panels together, wrap a <div> with class .panel-group around them.

The .panel-group class clears the bottom-margin of each panel:

Example

<div class="panel-body">Panel Content</div>

</div>

<div class="panel-body">Panel Content</div>

</div>

Previous Question

Next Question