Landingpagina responsive gemaakt, probleem met kolommen

Status
Niet open voor verdere reacties.

ekimike86

Gebruiker
Lid geworden
5 mei 2006
Berichten
166
Op dit moment heb ik een landingspagina gemaakt die ziet er als volgt uit: http://go.ebicus.com/testlustrumnew

Onder de header staat een formulier en daaronder staan een drietal berichten. Die drie berichten moeten in een kolom naast het formulier komen, maar ik kom er niet meer uit hoe. Hieronder heb ik een afbeelding hoe ik vind dat het eruit moet komen te zien. wanneer er een groot scherm wordt gebruikt zal je dus twee kolommen zien, wanneer je bijv mobile bekijkt dan zal die gehele tweede kolom naar beneden worden geplaatst.

https://community.oracle.com/servlet/JiveServlet/showImage/2-13220933-133342/how_i_want_it.jpg

Ik kan de hele code hier plaatsen wanneer dat nodig is.

Wie kan mij helpen?

Mike
 
Het is het vermelden waard dat je gebruik maakt van Bootstrap als CSS-framework.

Waar het waarschijnlijk mis gaat is dat je jouw structuur niet juist hebt. Je hebt het formulier in een "row" en de berichten ook weer in een nieuwe "row". Dan worden ze dus onder elkaar gezet, ongeacht wat voor kolommen je opgeeft :)

Kolommen die je naast elkaar wilt hebben staan zouden binnen dezelfde "row" moeten staan.
 
De pagina maakt inderdaad gebruik van bootstrap. Ik zie nu inderdaad de classes row. Ik zal eens kijken of ik het met wat schuifwerk voor elkaar krijgt. Ben bang dat ik het wel helemaal ga verpesten :)

edit: ik heb nu wel ongeveer wat ik wil maar nu is de layout nog een beetje verpest ... ik heb goede hoop eruit te komen
 
Laatst bewerkt:
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan