This question about Configuration: Answered

Stack columns next to each other?

I'm not sure how to corectly name title of this ticket, but I will try to describe it below. All I need is to know how to make multiple colums of text rows stacked to each other but not one on each other. Same as in stack of Search | Development | Index menu list. Same in .I have found that is something to do with div classes. As this code belove is from Tasks page but if I try to use same code it doesn't work. I know I do missing something but maybe someone can can put me on the right way?

<div class="grid">
<div class="row">
<div class="col4">
---++ Search
  1. dwd
  2. dwd
  3. dw </div>
    <div class="col4 border">
    ---++ Development
  4. dfe
  5. qfq
  6. f
<div class="col4 border">
---++ Reports & Statistics
  1. fewfq
  2. fwf
  3. dw

My idea is to make bottom bar to display links lists


with maybe 4 or 6 columns and if browsing with mobile devices that columns woud stack on each other. Using as invisible table won't work and also this doesn work when usng separate tables. Hopefuly I'm clear enought here with my broken English? :)
Thank you in advance for the directions.

-- CieskaIzabelijus - 02 Feb 2020

Try GridLayoutPlugin

-- MichaelDaum - 03 Feb 2020

It does work. Thank you.

-- CieskaIzabelijus - 03 Feb 2020

QuestionForm edit

Subject Configuration
Extension PatternSkin
Version Foswiki 2.1.6
Status Answered
Related Topics
Topic revision: r3 - 03 Feb 2020, CieskaIzabelijus
The copyright of the content on this website is held by the contributing authors, except where stated elsewhere. See Copyright Statement. Creative Commons License    Legal Imprint    Privacy Policy