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
  • Issues
  • #24373
Closed
Open
Issue created Oct 14, 2017 by Administrator@rootContributor

V4 Documentation - Various Issues

Created by: saturdaywalkers

The doco. needs to be reviewed by some people who: a) have never used Bootstrap before b) have only used v3 before

From the perspective of migrating a site from v3 to to v4, and so far...

I can do a pull request if you don't already have people working on it.

  1. Navbar ( https://getbootstrap.com/docs/4.0/components/navbar/ )

Add : For an explanation of the utility classes used here, see: colours (e.g. bg-light) and spacing (e.g. my-2, m is for margin)

It would be worth doing this for all the components, especially were its not obvious, i.e. text-danger you can guess, my-3 you'd have to know.

  1. Display Utility

"Responsive variations also exist for every single utility mentioned above." Add: These classes effect the breakpoint and above. e.g.

<span class="d-md-none">Not displayed on medium and above (i.e. display on small and below)"</span>
<span class="d-none d-md-inline">Only displayed on medium and above (i.e. not on small and below)</span>

"Display in print"

There are no d-screen classes, so:

<span class="d-none d-print-inline">print only</span>
<span class="d-print-none">screen only</span>
  1. Cards

Add: Cards have a zero margin by default, so to mimic v3's panels (see spacing utility for an explanation of mb-3) <div class="card mb-3"> ... </div>

Assignee
Assign to
Time tracking