html - How to remove superfluous padding caused by placing a textarea inside a Bootstrap tab pane? -

I'm just trying to display a texture control inside a Twitter Bootstrap tab panel. I want to span the entire width of the text bar, so I've added it to the row-fluid class, it works, but some extra padding is added to Tedera, from which the tab panel A filthy horizontal scrollbar is generated to show on

< P> Here is a screenshot for showing I

.

How can I get rid of the scrollbar?

class .tabcontent with & lt; Div & gt; overflow: auto; Remove (or, if not possible, override), e.g.

  div.tab-content {overflow: visible; }