How do I remove column padding to have full-width inputs in Bootstrap 3?


Tags: html,css,twitter-bootstrap,padding,twitter-bootstrap-3

Problem :

How do I get rid of padding in Bootstrap 3's columns?

In the following plunkr, I'd like for the button and text input to be touching: http://plnkr.co/edit/H5EIiCyiH8HbploTghVZ?p=preview and for each to fill the entire width of the div. I'd like them to have no left or right padding. Same for the "pull me left" and "me too" divs.

When I override the padding-left in my own CSS, it pulls everything to the left, making the "Jim" and "Hello" div's content off screen.

Any ideas?



Solution :

You can achieve this by adding a class to the row which removes padding from all immediate div elements with a class name beginning with "col-".

See here: http://plnkr.co/edit/MBkojy?p=preview


    CSS Howto..

    How to add composite css -webkit-mask-image?

    How to override the computed style in css?

    How to create the equivalence of CSS “ease” in jQuery?

    How can I push to the top an element using slideUp?

    How to override HTML with CSS

    How to have only a vertical scroll bar on a div

    I have a nav bar that changes the src of an iframe, how can i change the active link color?

    How to use JavaScript OnResize with delay or less processing intensive

    CSS - want to remove a blank space but have no idea how to get rid of it?

    How to keep floated width of divs to stay exact instead of 100%?

    CSS: How to attach an arrow to a div and make it overlap the border

    How can I use external HTML form in Joomla site?

    How to add custom CSS for displaying on mobile screens in WordPress?

    How to test a web designer on css layouts?

    How can I toggle the background color of the body of my HTML document, with one button?

    How to call am (image) div inside of a list?

    How to find the proper offsets for CSS sprites?

    How to make dropdown menu disappear after a certain amount of time JavaScript

    How to change css position left to right using jquery?

    How can I make a fixed div JUMP when scrolling?

    How can I set the body color of a web page to the current width and height of the monitor?

    How can I make my web page load faster?

    How can I add value to textbox, instead of setting value

    How do I center my content inside the menu?

    How CSS property “opacity” renders in browsers (IE, Chrome, Firefox, Opera)?

    how to style xml tag attribute with css

    How to create a label inside an element and style it?

    How to unfold or close content in html/JS - always assigned to different id

    How to call a javascript function with a css button? [closed]

    How to hide a div based on its class