Giter Site home page Giter Site logo

rvnlord / bootstrapdemo Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 111 KB

[Bootstrap, JQuery, Razor Pages] This is more or less complete set of examples featuring everything Bootstrap 4 has to offer.

HTML 62.17% C# 1.44% CSS 24.17% JavaScript 12.21%

bootstrapdemo's Introduction

Example of utilizing Bootstrap 4 controls and features with dark look and feel

This solution has been created by following various tutorials and learning feeds. It's purpose is to present my knowledge of Bootstrap 4 to anybody who seeks to verify my knowledge. Project contains examples of vast majority of all Bootstrap features (I heavily customised or changed some of them) as well as fixes or simple workarounds for common issues. Examples are condensed and present on a single Razor Page.

Features:

  • Grid System and Classes
  • Nested Rows and Columns
  • Offsets
  • Image Gallery
  • Responsive Utility Classes
  • Typography
  • Paragraphs
  • Blockquotes
  • Lists
  • List Groups
  • Code Blocks
  • Tables
  • Icons
  • Buttons, Button Groups
  • Dropdowns, Dropdowns with Headers
  • Splitting Button Dropdowns
  • Forms and Form Controls
  • Disabled and Readonly Fields
  • Valdation States
  • Input Controls Width and height Classes
  • Input Groups
  • Nesting Single and Multiple Buttons inside Input Groups
  • Nav Tabs and Nav Pills
  • Breadcrumbs
  • Pager and Pagination
  • Example of Card used as Panel Replacement in Bootstrap 4
  • Example of Card used as Well Replacement in Bootstrap 4
  • Cards
  • Badges, Labels and Pills
  • Progress Bars
  • Jumbotron
  • Media Element
  • Collapsible Gallery
  • Accordion
  • Tabs
  • Tooltips and Popovers
  • Alerts
  • Affix
  • Carousel
  • Multi-Column Carousel
  • Modal
  • NavBar
  • ScrollSpy
  • DatePicker (modified from JQuery UI)

1

2

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.