collapse

Twitter bootstrap 3.0 icon change on collapse

由 血红的双手。 提交于 2019-11-26 19:23:30
问题 This is about Bootstrap 3.0. I would like the icon/glyphicon to change on collapse. I.e, from a closed folder to an open one. I have searched far and wide, and have read threads here on SO, but to no avail. This thread was close, and is basically what I want. How can I make it work in Bootstrap 3? 回答1: This is a CSS-based solution that relies on the default bootstrap.js collapse implementation. No additional HTML markup required (feel free to replace Font-Awesome with glyphicons, of course).

Twitter Bootstrap Use collapse.js on table cells [Almost Done]

由 房东的猫 提交于 2019-11-26 18:22:56
I am working on an accounts page that lists transactions (credits and debits). I would like the user to be able to click on a table row and it expands showing more information. I am using twitter bootstrap and have looked over the documentation and this is the result I have <table class="table table-striped" id="account-table"> <thead> <tr> <th>#</th> <th>Date</th> <th>Description</th> <th>Credit</th> <th>Debit</th> <th>Balance</th> </tr> </thead> <tbody> <tr data-toggle="collapse" data-target="#demo1" data-parent="#account-table" class=""> <td>1</td> <td>05 May 2013</td> <td>Credit Account<

Collapsing Sidebar with Bootstrap

由 强颜欢笑 提交于 2019-11-26 14:59:22
问题 I just visited this page http://www.elmastudio.de/ and wondered if it is possible to build the left sidebar collapse with Bootstrap 3. Code to collapse the sidebar from the top (phone only): <button type="button" class="navbar-toggle sidebar-toggle" data-toggle="collapse" data-target=".sidebar-ex1-collapse"> <span class="sr-only">Sidebar</span> <span class="glyphicon glyphicon-check"></span> </button> Sidebar itself has the hidden-xs class. It is removed with the following js $('.sidebar

Bootstrap 3 - disable navbar collapse

由 感情迁移 提交于 2019-11-26 14:21:52
This is my simple navbar: <div class="navbar navbar-fixed-top myfont" role="navigation"> <div class=""> <ul class="nav navbar-nav navbar-left"> <li> <a class="navbar-brand" href="#"> <img src="assets/img/logo.png"/> </a> </li> <li> <button class="btn btn-navbar"> <i class="fa fa-edit"></i> Create </button> </li> </ul> </div> <ul class="nav navbar-nav navbar-right"> <li data-match-route="/"><a href="#/page-one">Login</a></li> <li data-match-route="/"><a href="#/page-two/sub-a">Signup</a></li> </ul> </div> I just would like to prevent this to collapse, cause I don't need it, how to do? I would

How do display a collapsible tree in AngularJS + Bootstrap

由 两盒软妹~` 提交于 2019-11-26 13:21:38
问题 I am building a web app where I need to display a tree using lists. My basic structure looks like this: * Node 1 * Node 1.1 * Node 1.1.1 * Node 1.1.1.1 * Node 1.1.2 * Node 1.2 http://jsfiddle.net/QffFm/1/ I'm trying to find something in angular or bootstrap that I can use such that: At first view of the list, it is expanded up to the third layer. In my fiddle, I would want to see Node 1, Node 1.1, Node 1.1.1, Node 1.1.2 and Node 1.2 (all but the 4th layer - Node 1.1.1.1) On clicking on the

How do I uncollapse a margin? [duplicate]

由 爷，独闯天下 提交于 2019-11-26 11:21:47
This question already has an answer here: How to disable margin-collapsing? 9 answers Collapsing margins in CSS: http://www.w3.org/TR/CSS21/box.html#collapsing-margins I understand the purpose of the feature , but I'm trying to do layout, and I can't figure out how to turn it off. The way usually explained in CSS tutorials is to either: Add a border Add a padding All of these have side effects that become obvious when you're dealing with pixel-perfect layouts with background images and fixed paddings. Is there any way to simply disable the collapsing without having to shove extra pixels into

Twitter Bootstrap Use collapse.js on table cells [Almost Done]

由 杀马特。学长 韩版系。学妹 提交于 2019-11-26 05:16:31
问题 I am working on an accounts page that lists transactions (credits and debits). I would like the user to be able to click on a table row and it expands showing more information. I am using twitter bootstrap and have looked over the documentation and this is the result I have <table class=\"table table-striped\" id=\"account-table\"> <thead> <tr> <th>#</th> <th>Date</th> <th>Description</th> <th>Credit</th> <th>Debit</th> <th>Balance</th> </tr> </thead> <tbody> <tr data-toggle=\"collapse\" data

Bootstrap 3 - disable navbar collapse

由 我怕爱的太早我们不能终老 提交于 2019-11-26 03:53:30
问题 This is my simple navbar: <div class=\"navbar navbar-fixed-top myfont\" role=\"navigation\"> <div class=\"\"> <ul class=\"nav navbar-nav navbar-left\"> <li> <a class=\"navbar-brand\" href=\"#\"> <img src=\"assets/img/logo.png\"/> </a> </li> <li> <button class=\"btn btn-navbar\"> <i class=\"fa fa-edit\"></i> Create </button> </li> </ul> </div> <ul class=\"nav navbar-nav navbar-right\"> <li data-match-route=\"/\"><a href=\"#/page-one\">Login</a></li> <li data-match-route=\"/\"><a href=\"#/page

Change bootstrap navbar collapse breakpoint without using LESS

由 对着背影说爱祢 提交于 2019-11-26 01:23:02
问题 Currently when the browser width drops below 768px, the navbar changes to collapsed mode. I want to change this width to 1000px so when the browser is below 1000px the navbar changes to collapsed mode. I want to do this without using LESS, I am using stylus not LESS. My issue is the same as in this question: Bootstrap 3 Navbar Collapse But all the answers in that questions explain how to do it by changing LESS variable. I haven\'t been dealing with LESS, I am using stylus so I want to know

How to disable margin-collapsing?

由 纵然是瞬间 提交于 2019-11-25 21:49:36
问题 Is there a way to disable margin-collapsing altogether? The only solutions I\'ve found (by the name of \"uncollapsing\") entail using a 1px border or 1px padding. I find this unacceptable: the extraneous pixel complicates calculations for no good reason. Is there a more reasonable way to disable this margin-collapsing? 回答1: There are two main types of margin collapse: Collapsing margins between adjacent elements Collapsing margins between parent and child elements Using a padding or border
订阅 collapse