html - Bootstrap: CSS - height of list-group-item -



html - Bootstrap: CSS - height of list-group-item -

please consider follow jsfiddle:

http://jsfiddle.net/7w2r4/12/

as might notice: list-group-item collapsed. , can't seem create autoadjust. (e.g. height:auto;)

yet when supply css rule:height:20px;, row size adjusted. how can create height of list-group-item adjust size of content?

thank time.

you can add together overflow:hidden or other "clear-fix" code list-group-item if need retain floats within items. floats cause problems height of floated items. clearing them or setting overflow forcefulness height calculated properly. see css: floating divs have 0 height more info on this.

.list-group-item { overflow:hidden; position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: #fff; border: 1px solid #ddd; }

since using bootstrap add together class="clearfix" html list-group-items

html css twitter-bootstrap

Comments

Popular posts from this blog

php - Android app custom user registration and login with cookie using facebook sdk -

django - Access session in user model .save() -

php - .htaccess Multiple Rewrite Rules / Prioritizing -