meopatacca
New Member
i have several spans inside a row in twitter bootstrap. inside these spans are \[code\]<h3>\[/code\] headers and then \[code\]<img>\[/code\], \[code\]<p>\[/code\], etc. some of theses headers may only have one or two words. some may have 5 or 6 words which causes greater height. this makes the remaining content look wonky on the page because the images are higher or lower than the rest. how can i make all of the header tags keep the same height based on the amount of content in the largest header? or how can i make the content in the larger header shrink down to a size to keep the same height? i dont think this last approach is really what i need. the smaller text would probably look as wonky as the initial problem.another problem this causes is due to the amount of content that may be displayed at any time, i may have more spans than than the row calls for. IE: 6 span4's. this makes the last two drop down and begin their own "row" inside the row. that's fine and needed, but if the second span4 drops lower than the others i end up with the two lower spans pushed to the right because they cant slip past that span. and if the third span is lower then i end up with one span to the far right and a third row with one span to the far left. bad wonky!!!i need a css option that i can add to my own css file separate from the bootstrap and responsive css files. i have a class refering to these spans specificly for text color, etc. so it doesnt effect any other \[code\]<h3>\[/code\] tags