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
  • #27946
Closed
Open
Issue created Dec 29, 2018 by Administrator@rootContributor

Custom radio, click between text and radio not working

Created by: effetb

Hi,

On bootrstap 4 custom radio or checkbox, there is 0.5rem of space between the custom control and the text, this lead to a problem when you click on that space, it's not enabling the control.

The .custom-control div wrapping the input and the label has a left padding of 1.5rem. A better solution would be to set a left padding of 1rem to the wrapping div and add a 0.5rem left padding on the label element itself.

By doing this, the space would still be present between the radio and the text but it would be clickable.

Here you can see a jsfiddle demonstrating it : http://jsfiddle.net/y4up67gk/

Thank you

Assignee
Assign to
Time tracking