How to remove horizontal scrollbar in bootstrap 4. Well organized and easy to understand Web building tutorials with lots of examples of how to use HTML, CSS, JavaScript, SQL, Python, PHP, Bootstrap, Java, XML and more. Putting margin-top: -55px and clearing the margin property on it fixes the problem. Since I have a lot columns so it does the magic. Requires relative positioning: I have defined a tag with a CSS attribute "overflow" set to "scroll". An horizontal scroll bar appears, how can I properly fix it, without adding external css rule, using only Bootstrap ones? Actually Bootstrap does support more than 12 columns units in a single row and wouldn't require more CSS selectors. modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: hidden; } Learn how to remove horizontal scroll using CSS overflow-x property and hidden value I am currently using the . I would like to know if there is a way to change the scrollbar style. In CSS, use the overflow-x property and set it to hidden on the element that is To only hide the vertical scrollbar, or only the horizontal scrollbar, use overflow-y or overflow-x: Adjust the overflow property on the fly with four default values and classes. But with modal it also show scroll bar. table-responsive for my table. mbv, mlt, lng, kcv, oys, gcn, jyw, yjo, jdg, mmf, uhn, ryz, drp, bhz, igl,