react-bootstrap-columns

React Component for text flow columns

Use to flow text between a number of bootstrap columns.

It is a very simple component.

Is only useful for bootstrap / react projects

Current Limitations

1. Does not split across paragraphs
2. Uses only one bootstrap size class

Install

clone this repository. Do not use npm version... its broken

Example

To render this sort of layout:

Use this:

const React = require('react'),
    Columns = require('react-bootstrap-columns');

const Content = React.createClass({

    const columnStyle = {
        textAlign: "justify",
        fontFamily: font.family,
        fontSize: font.size,
        fontWeight: font.weight,
        lineHeight: font.lineHeight
    };

    render: function () {
        return (
            <div className="row">
                <div className="col-md-12">
                <Columns columns={2}
                    columnSize='md'
                    style={columnStyle}>
                
                    <span>
                        First paragraph
                    </span>
                    
                    <span>
                        Second paragraph
                    </span>
                    
                    <span>
                        Third paragraph and so on
                    </span>
                    
                </Columns>

               
                </div>
            </div>
        );
    }
});