BCA 3rd Semester Internet and Web Technologies Past Paper 2024-25 PDF
Document Details
Uploaded by EnergySavingAzalea1365
Brainware University
2024
Tags
Summary
This document is a BCA 3rd semester past paper on Internet and Web Technologies from Brainware University, covering topics related to Bootstrap, a popular front-end framework for building responsive web applications. The document contains examples of Bootstrap grid systems, forms, buttons, and dropdowns in HTML.
Full Transcript
Programme Name: BCA 3rd Semester Course Name: Internet and Web Technologies Course Code : BCA37002(T) Class : BCA3 Academic Session: 2024-25 Table of Contents Module No. Module Name Content 5 Bootstrap Grid and Components 1. Bootstrap Grid System The Bootstrap g...
Programme Name: BCA 3rd Semester Course Name: Internet and Web Technologies Course Code : BCA37002(T) Class : BCA3 Academic Session: 2024-25 Table of Contents Module No. Module Name Content 5 Bootstrap Grid and Components 1. Bootstrap Grid System The Bootstrap grid system allows you to create responsive layouts using a series of containers, rows, and columns. It uses a 12-column system, which means you can divide your layout into up to 12 columns. Basic Structure: html Copy code Bootstrap Grid Column 1 Column 2 Column 3 In this example, col-md-4 means that each column will take up 4 out of 12 columns on medium and larger screens. 2. Bootstrap Form Layout Bootstrap forms can be inline, horizontal, or vertical. Example of a Horizontal Form: html Programme Name: BCA 3rd Semester Course Name: Internet and Web Technologies Course Code : BCA37002(T) Class : BCA3 Academic Session: 2024-25 Copy code Bootstrap Form Layout Email Password Sign in 3. Bootstrap Buttons Bootstrap provides different styles of buttons (btn-primary, btn-secondary, etc.) and different sizes (btn-lg, btn-sm). Example: html Copy code Bootstrap Buttons Programme Name: BCA 3rd Semester Course Name: Internet and Web Technologies Course Code : BCA37002(T) Class : BCA3 Academic Session: 2024-25 Primary Secondary Success Danger 4. Display Images in Different Styles Bootstrap provides classes to style images (img-rounded, img-circle, img-thumbnail). Example: html Copy code Bootstrap Images 5. Bootstrap Dropdown Menu Component Bootstrap dropdowns are built using a combination of dropdown, dropdown-toggle, and dropdown-menu classes. Example: html Copy code Programme Name: BCA 3rd Semester Course Name: Internet and Web Technologies Course Code : BCA37002(T) Class : BCA3 Academic Session: 2024-25 Bootstrap Dropdown < /script> Dropdown button Link 1 Link 2 Link 3 6. Button Groups and Button Toolbar Button groups allow you to group a series of buttons together. A button toolbar groups several button groups. Example: html Copy code Bootstrap Button Groups Programme Name: BCA 3rd Semester Course Name: Internet and Web Technologies Course Code : BCA37002(T) Class : BCA3 Academic Session: 2024-25 Left Middle Right 1 2 3 4 5 6 7. Adding Forms and Other Controls to Navbar Bootstrap allows you to easily add forms and other controls to the navigation bar. Example: html Copy code Bootstrap Navbar < /script> Navbar Programme Name: BCA 3rd Semester Course Name: Internet and Web Technologies Course Code : BCA37002(T) Class : BCA3 Academic Session: 2024-25 Home (current) Features Pricing Search