diff_months: 20

Resolve one line error for Responsive Web Page

Download Solution Now
Added on: 2022-11-09 09:08:49
Order Code: 474636
Question Task Id: 0
  • Country :

    India

Design a web page that should contain Bootstrap's responsive navigation bar, responsive circle image, and responsive footer.Concepts Covered: Bootstrap-4's responsive navigation bar and responsive circle images

Use thhe snapshots of the web page as:

  • Image 1: Web page in large devices
  • Image 2: Web page in small devices:

Key Points:

1. Add responsive features to the navigation bar. The collapsing nature is tripped by a button with the id 'btn-id' belongs to Bootstrap-4 navbar-toggler class and then features two data elements: data-toggle with 'collapse' value and data-target. Set appropriate value for data-target attribute.

2. Inside the above-mentioned button tag, create a span tag with Bootstrap-4 class 'navbar-toggler-icon' for creating a toggler-icon with three bars (hamburger button).

3. Use Bootstrap-4 classes img-responsive and rounded-circle to make the image responsive, so that, it can automatically adjust to fit the size of the screen.

  • Uploaded By : Katthy Wills
  • Posted on : November 09th, 2022
  • Downloads : 0
  • Views : 187

Download Solution Now

Can't find what you're looking for?

Whatsapp Tap to ChatGet instant assistance

Choose a Plan

Premium

80 USD
  • All in Gold, plus:
  • 30-minute live one-to-one session with an expert
    • Understanding Marking Rubric
    • Understanding task requirements
    • Structuring & Formatting
    • Referencing & Citing
Most
Popular

Gold

30 50 USD
  • Get the Full Used Solution
    (Solution is already submitted and 100% plagiarised.
    Can only be used for reference purposes)
Save 33%

Silver

20 USD
  • Journals
  • Peer-Reviewed Articles
  • Books
  • Various other Data Sources – ProQuest, Informit, Scopus, Academic Search Complete, EBSCO, Exerpta Medica Database, and more