twitter bootstrap - Why can't I have two col-sm-6 side by side? -


in home page https://balmainmassage.com.au have responsive image in col-sm-6 class on left , on right, same class. firther down, have 2 long images (fw.png , supertuesday.png) inside class col-sm-5 div. it's col-sm-5 because col-sm-6 2 img move left under figh480tjpg image. 2 long images shorter should be. advice?

thanks much

claudio

it's difficult explain changes necessary fix you've got. others have said, way bootstrap meant work nest columns within rows. can't nest column directly inside of column , expect behave properly. need declare row first. however, way have @ time looking @ website, isn't problem.

essentially want @ highest level 2 columns left column fight picture , right column of buttons , other stuff. therefore, need change elements following:

new html

i hate use picture here since it's not seo-friendly, changes complex without base code edit (i had in chrome devtools).

this gets result:

final result

as others have stated, not use margins on columns unless know you're doing. should let bootstrap handle grid.


Comments

Popular posts from this blog

facebook - android ACTION_SEND to share with specific application only -

python - Creating a new virtualenv gives a permissions error -

javascript - cocos2d-js draw circle not instantly -