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
  • #16374
Closed
Open
Issue created Apr 26, 2015 by Administrator@rootContributor

Jumbotron occupies more horizontal space on smaller screens

Created by: rlindner81

When using a full-width Jumbotron (outside of any containers) and rendering to a small-width screen (below @screen-sm-min), the jumbotron uses horizontal padding, whereas on bigger screens it does not.

For the small-width screen case, any container inside the Jumbotron also uses the normal horizontal padding, so the Jumbotron's additional usage causes the Grid system to be misaligned there.

Fortunately, it's easy to fix. In less/jumbotron.less line 7 should be

.jumbotron {
  padding: @jumbotron-padding 0; /* changed */
  margin-bottom: @jumbotron-padding;
Assignee
Assign to
Time tracking