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
  • !25253

Improve album example on mobile

  • Review changes

  • Download
  • Email patches
  • Plain diff
Closed Administrator requested to merge github/fork/taylorbryant/improve-album-example into v4-dev Jan 10, 2018
  • Overview 0
  • Commits 2
  • Pipelines 0
  • Changes 2

Created by: taylorbryant

Last night, I was looking through Bootstrap's documentation on my phone, and I noticed that the album example looked rather odd. My first thought was that maybe the examples are not meant to be optimized for mobile. After looking at the other examples, which look just as good on mobile, I concluded otherwise.

In these commits, I did the following:

  • Removed float and width properties from the .card class
  • Added .col-md-4 class to each card
  • Refactored the footer to use Bootstrap's own grid system instead of relying on the .float-right utility class

In my opinion, the end result is a much better experience on mobile. The only thing that sticks out now is that the buttons at the top hug each other on mobile. Anyways, I figured this is a decent start.

Assignee
Assign to
Reviewers
Request review from
Time tracking
Source branch: github/fork/taylorbryant/improve-album-example