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
  • #30104
Closed
Open
Issue created Jan 29, 2020 by Administrator@rootContributor

The style is not strict enough .input-group-prepend .btn+.btn

Created by: ZhangChengLin

The text is translated using Google.

Description There is no problem on the DEMO on getbootstrap.com, but it will affect the performance in the following usage. The performance is a pixel shift.

Where it was originally used The case of an input-group double button. Input-group of Button addons 3 and 4 examples. An example of an input-group's Segmented buttons.

Show results Demo address

Pictures are better than text

{9DA28FDD-7499-461D-AF29-F388A9F06012}_20200116120837

{21D6794D-4364-4BA8-81EF-3EC58A66FF85}_20200129134638

{E9964581-814E-4CD3-A2A6-762CAE5D9D43}_20200129135031

For network reasons, you cannot clone the complete warehouse and submit PR at will, so you can only give screenshots of the code that you think should be repaired.

Bootstrap 4.4.1 /scss/_input-group.scss#L83-L88 Bootstrap master /scss/forms/_input-group.scss#L83-L87

{06DE0634-7B78-4B21-9ED6-9C70D1312AA1}_20200129180747

{7EF9A9EC-E081-4FC2-85F1-87D4B3CF1BC3}_20200129180845

PS:In this way, you cannot use the keyboard operation of dropdowns (the final confirmation has not been successful)

.

Assignee
Assign to
Time tracking