question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

dropdown-toggle style not align center due to margin-left attribute

See original GitHub issue

Issue type:

  • Bug report

Environment:

  • AdminLTE Version: 3.0.0 rc1
  • Operating System: Window 10
  • Browser (Version): Firefox (Latest)

Description:

Hello bro ! I think you should remove margin-left attribute of css style class .dropdown-toggle::after because it is not aligned at center. It is more obvious with btn-sm class. Please check below image. Thanks …

Capture

Question

I would like to show dropdown menu as appended button style for split buttons (starting from let 0) . What should I do ? Capture

Capture

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Comments:5

github_iconTop GitHub Comments

1reaction
REJackcommented, Sep 17, 2019

Oh that a normal behavior from bootstrap 4 and I don’t know if it’s fix able, for your table problem add .dropdown-menu-right beside .dropdown-menu.

0reactions
cataclysmuprisingcommented, Sep 17, 2019

Another , I putted dropdown menu at last <td> element of a table and it exceeds the browser window. Please check on below image. Capture

Read more comments on GitHub >

github_iconTop Results From Across the Web

HTML/CSS problem with the dropdown menu not being ...
You can either use a margin left/right property to center align the dropdown. or. You can use the block method like this :....
Read more >
Dropdowns - Bootstrap
Dropdowns. Toggle contextual overlays for displaying lists of links and more with the Bootstrap dropdown plugin. Overview. Dropdowns are toggleable ...
Read more >
margin-left - CSS: Cascading Style Sheets - MDN Web Docs
The margin-left CSS property sets the margin area on the left side of an element. A positive value places it farther from its...
Read more >
normal}input[type=checkbox],input[type=radio]
... {padding-left:0;list-style:none}.list-inline{padding-left:0;margin-left:-5px ... -child:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0 ...
Read more >
Bootstrap Dropdowns - examples & tutorial
Responsive dropdown/caret built with Bootstrap 5. Examples of navbar dropdown, dropdown list, submenu, dropdown toggle, dropdown hover, hamburger icon ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found