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
  • #17609
Closed
Open
Issue created Sep 15, 2015 by Administrator@rootContributor

When a heading is used in .card-header, the margin bottom makes the layout uneven.

Created by: cfarquharson

The card heading <div class="card-header">Featured</div> allows a user to fake out a header style, but if you try to put put an actual heading in that div, the display is odd as there is default 8px margin on the bottom. Can this be modified to match the effect that was previously available in panels?

I even tried that <div class="card-header"><h3 class="card-title">Special title treatment</h3></div> but that didn't fix it and instead created a 12px margin on the bottom.

http://v4-alpha.getbootstrap.com/components/card/#header-and-footer card1

card2

Assignee
Assign to
Time tracking