Template:Columns-next/doc

Use this template immediately before a list, to divide the list into multiple columns that wrap the screen responsively. To prevent a section of a list being broken, the template {{no col break}} can be used.

This template was created to support editing of multi-column lists in VisualEditor as an alternative to {{Div col}} and {{Div col end}} (which use an unbalanced <div> element, which forces the intermediary content into source mode), and {{Columns-list}} (which takes the list as raw wikitext parameter).

Usage

Basic usage

{{Columns-next}}
* a
* b
* c
* d
* e
* f
* g
* h

Produces:

• a
• b
• c
• d
• e
• f
• g
• h

Selective usage

* Foo
* Bar
* Baz
* Quux

Text here.

{{Columns-next}}
* lorem
* ipsum
* dolor
* sit
* amet
* consectetur

More text here.

* duis
* aute
* irure
* dolor
* in
* reprehenderit

Produces:

• Foo
• Bar
• Baz
• Quux

Text here.

• lorem
• ipsum
• dolor
• sit
• amet
• consectetur

More text here.

• duis
• aute
• irure
• dolor
• in
• reprehenderit

TemplateData

This is the TemplateData for this template used by TemplateWizard, VisualEditor and other tools. See a monthly parameter usage report for Template:Columns-next in articles based on its TemplateData.

TemplateData for Columns-next

Divide the next list into multiple columns that wrap the screen responsively.

Template parameters

This template prefers block formatting of parameters.

Parameter		Description	Type	Status
No parameters specified

See also

• Template:Div col and Template:Div col end
• Template:Columns-list

Column-generating template families

See also: Help:Advanced table features#Side-by-side columns of tables, images, lists. Straight divs (not part of templates) work on desktop monitors. More than one column will show up in cell phones too if the columns are narrow enough. Straight divs will do almost everything the templates below do, and do it better. And they comply with MOS:LTAB.

The templates listed here are not interchangeable. For example, using {{col-float}} with {{col-end}} instead of {{col-float-end}} would leave a <div>...</div> open, potentially harming any subsequent formatting.

• "Responsive/mobile suited" refers to whether more than one column will show up in cell phones. See tests here. Some templates need to be updated to work in cell phones too. Please use mobile-suited templates, or straight divs. For why, see WP:Access. See discussion.
• "Deprecated. Replace over time" is under discussion about whether templates without mobile capability should officially be called deprecated. In any case most uses of those templates can be replaced now by other templates or straight divs.

Column templates

Type	Family	Deprecated. Replace over time	Complies with MOS:LTAB	Handles wiki table code?	Responsive/ mobile suited	Dependent on media queries	Can form multiple columns	Visual Editor– suited	Start template	Column divider	End template
Float	"col-float"		Yes	Yes	Yes	Yes	?	?	{{col-float}}	{{col-float-break}}	{{col-float-end}}
	"columns-start"		Yes	Yes	Yes	Yes	?	?	{{columns-start}}	{{column}}	{{columns-end}}
Float	"stack"	See talk	?	?	?	Yes	No	?	{{stack}} or {{stack begin}}	?	{{stack end}}
Columns	"div col"		Yes	Yes	Yes	?	?	?	{{div col}}	instead use {{no col break}}	{{div col end}}
	"columns list"		Yes	No	Yes	?	?	?	{{columns list}} (wraps div col)	—	—
Flexbox	"flex columns"		Yes	No	Yes	?	?	?	{{flex columns}}	—	—
Flexbox	"flexbox wrap"		Yes	Yes	Yes	No	Yes	?	{{flexbox wrap|start}}	{{flexbox wrap|break}}	{{flexbox wrap|end}}
Table	"col"	See talk	Yes	Yes	No	Yes	?	?	{{col-begin}}, {{col-begin-fixed}} or {{col-begin-small}}	{{col-break}} or {{col-2}} .. {{col-5}}	{{col-end}}