How to put make a Columns based layout – Not Row based

  • Resolved Parwaiz Khan

    (@parwaiz-khan)


    9 years, 11 months ago

    Need help in creating a columns based layout (.col) instead of row based one. I will greatly appreciate any help in creating the columns or tables in the content area. Here is the scoop:

    I am working to build a news aggregator site. It will contain only the linkable text. I need to create the columns in the content area.
    I am using a two sidebar layout. in the content area (center) I have applied the bootstrap “span” code:
    <div class=”row-fluid style=”height: auto;overflow: hidden;”>
    <div class=”span6″>

    The problem here is that it is simply creating a span for the ‘rows’ – not creating the columns. Rows have a fixed height that conforms to the max height of the elements. So, when the left side of the row has more text in it, right side also adopts to the same height.
    In a column set up, the height of the rows across the divide (columns) will be independent of each other.

    Please see the test site at: https://newsscouter.com/
    As you will notice, the right side of the rows have empty area – as expected.

    Also, any thought on how to create a “widget area” in the header/nav section ?

    Thank you very much.

Viewing 2 replies - 1 through 2 (of 2 total)

  • I don’t think you can do that with just html. Also isn’t a theme related question. I mean I think you can find much more help in another section of this forum, or googling for it. The only thing which my involve, but still not that much :P, the theme would be if you’re looking for a way to do it with Bootstrap 2.3.2, and for what I know, you can’t.. since it uses a grid system. But I might be wrong.
    Probably you should use something like masonry which works with javascript.

    Widget area in nav?
    The code is always the same: https://themesandco.com/snippet/add-widget-area-header/
    What you need is to change __after_header with another hook, and change the priority.

    Thread Starter Parwaiz Khan

    (@parwaiz-khan)

    d4z_c0nf,
    Thank you very much for looking into it. You are right, it seems what I wanted to do wouldn’t work with the bootstarp grid system since all the elements are the children of the “row” element.

    For the header widget area, what other hook do you propose? I couldn’t figure it out. The idea is to create a widget area in the header box, in front of the Site Title.

    Thanks again.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to put make a Columns based layout – Not Row based’ is closed to new replies.