Bootstrap 4-下拉菜单-元素在导航栏上

Question

I have problem with DropDown menu. When I'm trying to add padding to DropDown menu (class - drop_link) It pushes whole element over <nav> . I don't really know how stop this from happening. I tried turn off some attributes from browser, but It didn't do anything.

Here is my attempt: Link

Answer 1

You can add the following styles to your <a> element inside your "dropdown" div.

display: block;
float: left;

And, remove "margin-left: 3px;" from your "dropdown" div.

This is only one between many possible solutions.

cheers