Git Product home page Git Product logo

bootstraptaghelpers's People

Contributors

daniel-kuon avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

Forkers

srigaux hxq1988

bootstraptaghelpers's Issues

Navs

  • nav tag
  • stacked attribute
  • justified attribute (disable in navbars)
  • a and dropdown tag for content
    • disabled attribute
    • remove href on disabled items ? (move to data-href?)

http://getbootstrap.com/components/#nav

Forms

  • horizontal-attribute (must be noted in ViewContext in some way to tell other controls to behave in that way)
  • inline-attribute

Pagination

  • pagination tag
  • automatically set prev an next buttons depending on active element
  • automatically set active state depneding on current url (auto-dect-active attribute)
  • deactivate-active attribute
  • size attribute
  • children tag:
    • active attribute
    • disabled attribute

http://getbootstrap.com/components/#pagination

Media

  • media-list tag (optional)
    • media tag
      • media-object tag (left, right)
        • align attribute (top, middle, bottom)
        • src attribute
        • alt attribute
        • href attribute
      • media-body tag
        • add heading class to h1...6 elements

Helper Classes

  • Apply to all elements
  • Context text attribute (Muted, Primary, Success, Info, Warning, Danger)
  • Context background attribute (Primary, Success, Info, Warning, Danger)
  • Pull left/right attributes
  • Center block attribute
  • Clearfix attribute
  • Show, hidden and invisible attributes
  • sr-only and sr-only-focusable attributes
  • Text hide attribute

input, textarea and select tags

  • Add form-control class
  • Label-attribute
    • If attribute is present but empty in model bound tag the text shall be computed from the model
      • inline-attribute for checkboxes and radios (should also be copied from the form tag if the inline-attribute is set there)

Tables

  • Add table class to every table
  • stripped-attribute
  • bordered-attribute
  • hover-attribute
  • condensed-attribute
  • overflow-attribute
  • contextual-class-attributes for rows and cells (active, success, info, warning, danger)

Image tag

  • Rounded attribute
  • Circle Attribute
  • Thumbnail attribute
  • Responsive Attribute

Grid

  • Row tag
  • Col tag
    • sizing attribute
    • offset attribute
    • push attribute
    • pull attribute
    • XsCol1-12 tags
    • SmCol1-12 tags
    • MdCol1-12 tags
    • LgCol1-12 tags
  • Clearfix tag
  • Container tag
    • fluid attribute

List Groups

  • list-group tag
    • context attribute
    • check if all children are items: render as ul
  • child tags:
    • list-group-item tag
    • list-group-link
      • href attribute
    • list-group-button
    • active attribute
    • context attribute
    • disabled attribute
    • elements inside child tags must be styled with:
      • list-group-item-heading
      • list-group-item-text

https://getbootstrap.com/components/#list-group

Initial Project

Create new porject map with an ASP.Net vNext Class Library and all necessary references

P-Tags

  • Text-Alignment (left, center, right, justify, nowrap)
  • Text-Transformation (lowercase, uppercase, capitalized)
  • Lead

Navbar

  • navbar tag
  • header attribute and tag
  • add navbar-btn class to included buttons that are not in forms
  • add navbar-text to text elements
  • disable-auto-style attribute on links
  • position attribute (default, static-top, fixed-top, fixed-bottom)
  • inverse attribute
  • Children tags:
    • header
    • collapse
    • navbar-form

http://getbootstrap.com/components/#navbar

Responsive Utilities

Create a basic class from which all other classes will inherit which implements the bootstrap responisve utilities (Hide and show an element on specific screen sizes or for printing)

DL-Tag

  • horizontal
  • text-overflow

Buttons

  • Available for a, button and input (with type= submit, reset or buttton) tags
  • btn class is automatically applied to button and input tags
  • btn class is applied to a tags tih b-button attribute
  • Contextual attribute:
    • Default (is applied by default (duh!))
    • Primary
    • Success
    • Info
    • Warning
    • Danger
    • Link
  • Size attribute (Large, Small , Extra small)
  • Block style attribute
  • Pressed Attribute

List styles

Add unstyled and inline attributes to ul tags

Progress bars

  • progress tag
    • wraps multiple progress-bar tags
  • progress-bar tag
    • standalone usable
    • value attribute
    • display-value attribute
    • context attribute (success, info, warning, danger)
    • stripped attribute
    • animate attribute
    • sr-text attribute

http://getbootstrap.com/components/#progress

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.