Twitter bootstrap hides horizontal scrolling

I am using http://app.raw.densitydesign.org/#%2F angular application and have used twitter bootstrap for accordion. Now, the problem is that when I am adding ui-bootstrap library, it is hiding the default horizontal scrolling functionality. Without this, it works fine. So any suggestion, how can I make it working with this library.

-- using 0.11.2 ui-bootstrap

Thanks

Answers


You can override that by using overflow-x. I couldn't see accordion on the link you gave but generally you can apply it by:

http://jsfiddle.net/882jof8L/

//CSS
#your-accordion .panel-body {
    overflow-x: scroll;
}

//HTML
<div class="panel-body">
    <table style="width: 1000px;">...</table>
</div>

Properties you can use with overflow-x:

overflow-x: visible|hidden|scroll|auto|initial|inherit;

In your case adding your style sheet after bootstrap might help:

<link rel="stylesheet" href="YOUR_PATH/bootstrap.min.css">
<link rel="stylesheet" href="YOUR_PATH/YOUR_STYLE_SHEET.css">

Styles are applied in the order they are read by the browser. This means styles appears at the top of a style sheet will be changed by the last one.

For example following style will result paragraph as black:

p { color: red; }
p { color: black; }

Or you can force browser to show scroll by using:

overflow-x: scroll !important;

What does !important do:

CSS rules that has the !important directive will always be applied no matter where that rule appears in the CSS document.


Need Your Help

In Perl, how can I extract email addresses from lines in log files?

regex perl

I am looking to trim a string that will be created from reading in a file line by line. However i want to pull out only the email from the string, but it will change every time. The only contant is...

jquerymobile pagecontainerbeforeshow only run when refresh page

cordova jquery-mobile

I´m develop my first hybrid app, and i work with jquerymobile 1.4.

About UNIX Resources Network

Original, collect and organize Developers related documents, information and materials, contains jQuery, Html, CSS, MySQL, .NET, ASP.NET, SQL, objective-c, iPhone, Ruby on Rails, C, SQL Server, Ruby, Arrays, Regex, ASP.NET MVC, WPF, XML, Ajax, DataBase, and so on.