Forums

Align divs horizontally in Fundamental theme

Permalink
I'm using Fundamental theme within Concrete5.7.
How can I put two divs next to each other while maintaining screen responsiveness?
The two divs I would like to place next to each other are "tour-result-search" and "tour-details-search" (see below).

I've tried a number of variations with no luck. Here's my current code (which is a simplified version of the code on my test page herehttp://gotimetrekkers.com/concrete5/index.php/search_results)...

Thanks in advance.

<div class="tour-results-search container" style="background-color:#F7F7F7">
   <div class="tour-result-search row">
      <div class="tour-thumbnail-search col-md-4" style="max-width:300px; max-height:200p;">
            Thumbnail goes here
      </div>
      <div class="tour-details-search col-md-8">
         <div class="tour-name-search"><h3>Tour name</h3></div>
         <div class="tour-shortdesc-search">Description</div>
      </div>
   </div>
</div>
 
WillemAnchor replied on at Permalink Reply
WillemAnchor
start with xs

so for xs below each other, and for small screens and bigger next to each other you could do something like:
col-xs-12 col-sm-4
and the other one:
col-xs-12 col-sm-8

there are quite a few examples on the bootstrap site and others
PJSAndo replied on at Permalink Reply
Thanks for this, but it doesn't seem to work.

I've read the docs and I think I'm doing this as described...

I can't imagine that Bootstrap doesn't work with Fundamental theme, so there must be something on my side that I'm doing incorrectly.

I'll keep trying...
WillemAnchor replied on at Permalink Reply
WillemAnchor
in what area are you using this ?
PJSAndo replied on at Permalink Reply
This is currently in a single page
WillemAnchor replied on at Permalink Reply
WillemAnchor
i'm not sure if it is enabled in single pages, have a look here:
https://www.concrete5.org/documentation/developers/5.7/designing-for...

This website stores cookies on your computer. These cookies are used to improve your website experience and provide more personalized services to you, both on this website and through other media. To find out more about the cookies we use, see our Privacy Policy.