Skip to content
GitLab
Projects Groups Snippets
  • /
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
    • Contribute to GitLab
  • Sign in / Register
  • B bootstrap
  • Project information
    • Project information
    • Activity
    • Labels
    • Members
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributors
    • Graph
    • Compare
  • Issues 263
    • Issues 263
    • List
    • Boards
    • Service Desk
    • Milestones
  • Merge requests 114
    • Merge requests 114
  • CI/CD
    • CI/CD
    • Pipelines
    • Jobs
    • Schedules
  • Deployments
    • Deployments
    • Environments
    • Releases
  • Packages and registries
    • Packages and registries
    • Package Registry
    • Infrastructure Registry
  • Monitor
    • Monitor
    • Incidents
  • Analytics
    • Analytics
    • Value stream
    • CI/CD
    • Repository
  • Wiki
    • Wiki
  • Snippets
    • Snippets
  • Activity
  • Graph
  • Create a new issue
  • Jobs
  • Commits
  • Issue Boards
Collapse sidebar
  • Bootstrap
  • bootstrap
  • Merge requests
  • !13403

Added list feedback classes

  • Review changes

  • Download
  • Email patches
  • Plain diff
Closed Administrator requested to merge github/fork/jpfx1342/list-feedback into master Apr 23, 2014
  • Overview 0
  • Commits 1
  • Pipelines 0
  • Changes 1

Created by: jpfx1342

While working on a registration form, I thought it would be neat to provide feedback to the user in the form of a list. I couldn't find this functionality anywhere in Bootstrap, so I decided to write it myself. I'm quite pleased with the results, so I decided to share it

image (To be clear, the list is the only thing affected by these styles. Everything around it is only included to show how it fits in with other elements.)

This pull request adds support for list feedback, styled after the form feedback classes. These classes allow styling each element of a list to enhance feedback. This is appropriate in cases where there a list of constraints a user must meet: a list can be styled as a "checklist", and updated as requirements are fulfilled.

Usage is very simple:

<ul class="list-feedback">
    <li>This item is has no feedback class.</li>
    <li class="list-success">Item with list-success</li>
    <li class="list-warning">Item with list-warning</li>
    <li class="list-error">Item with list-error</li>
</ul>

Note that this code may need a bit of polish before being merged. I've only recently started using Bootstrap, so I'm not even close to familiar with the project organization. In particular, theme.less may not be the best place for these styles.

I haven't noticed any compatibility problems in any of the browsers I tested. (Desktop: Chrome 35, Firefox 27.0.1; Mobile: Browser 2.3.5, Firefox 28.0.1)

Assignee
Assign to
Reviewers
Request review from
Time tracking
Source branch: github/fork/jpfx1342/list-feedback