3-Column Bootstrap Scaffolding

  • Resolved Shapeshifter 3

    (@shapeshifter-3)


    12 years, 9 months ago

    Can anybody tell me the correct way to implement 3-columns into individual Static Pages or Posts using Bootstrap version 2.3.2. I’ve gone to the Bootstrap website; tried to follow their instructions; but here’s what I come up with:

    http://toolbox-4-websites.com/design/responsive/

    Code shows up in the display, instead of creating 3-columns for content.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter Shapeshifter 3

    (@shapeshifter-3)

    12 years, 9 months ago

    Arf! Arf!

    I appear to have found my own answer:

    The trick is to use the WordPress text editor, NOT the WordPress visual editor. The latter doesn’t seem to work for this effort.

    alaxmenon

    (@alaxmenon)

    12 years, 9 months ago

    Hi, you can create 3-column fixed layout using the following code in Bootstrap 2.3.2:

    <div class="container">
    <div class="row">
        <div class="span4">
        	<!--column one-->
        </div>
        <div class="span4">
        	<!--column two-->
        </div>
        <div class="span4">
        	<!--column three-->
        </div>
    </div>
</div>

    To make them liquid just replace the class “container” with “container-fluid” and “row” with “row-fluid”. You can check out this page for working examples and more information on creating column layout using Bootstrap – http://www.tutorialrepublic.com/twitter-bootstrap-tutorial/bootstrap-grid-system.php

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

The topic ‘3-Column Bootstrap Scaffolding’ is closed to new replies.