This is the place for questions about learning design and pedagogy; how to use different page types for different purposes.

Creating columns

SetaJackson
Auteur du sujet
Hors Ligne
Nouveau membre

Plus d'informations

il y a 9 ans 7 mois #4159 par SetaJackson

Creating columns a été créé par SetaJackson

How does one go about creating columns in a text page in the bootstrap template, as illustrated at www.nottingham.ac.uk/toolkits/play_8222#page4section5 ?

Connexion ou Créer un compte pour participer à la conversation.

ronm
Hors Ligne
Administrateur

Plus d'informations

il y a 9 ans 7 mois #4160 par ronm

Réponse de ronm sur le sujet Creating columns

At the moment there isn't a wizard for that but you can switch to source view in a text box, add relevant Bootstrap code then click the 'show blocks' button in the toolbar so that you can edit content in the wysiwyg view but still see where the divs start and end etc.

Try copying and pasting the following in source view then follow the steps I listed above.

Code:

<div class="row-fluid">&nbsp;
  <div class="span3">
    <br />
    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  </div>
  &nbsp;
  <div class="span3">
    <br />
    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  </div>
  &nbsp;
  <div class="span3">
    <br />
    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  </div>
</div>

Xerte developer & trainer
e-learning & m-learning consultant
mitchellmedia.co.uk | xerteacademy.com | learningapps.co.uk
Note: Support here is voluntary and meant for users to support each other.
Need direct commercial support with Xerte? mitchellmedia.co.uk/contact/

Les utilisateur(s) suivant ont remercié: SetaJackson

Connexion ou Créer un compte pour participer à la conversation.

Neil Pollock
Hors Ligne
Membre premium

Plus d'informations

il y a 9 ans 7 mois #4169 par Neil Pollock

Réponse de Neil Pollock sur le sujet Creating columns

I've used columns on this bootstrap page: xerte.cardiff.ac.uk/play_4069

I just used the <article></article> tags. You can then use the columns property to define the number and size of your columns. For example:

Code:

article {
	-webkit-columns: 3 250px;
	-moz-columns: 3 250px;
	columns: 3 250px;
}

Your HTML would then simply be:

Code:

<article>
...your text here...
</article>

The good thing about this it that it's responsive.

Here is a useful overview: css-tricks.com/guide-responsive-friendly-css-columns/

Les utilisateur(s) suivant ont remercié: SetaJackson

Connexion ou Créer un compte pour participer à la conversation.

Modérateurs: ingdon

Temps de génération de la page : 0.129 secondes

Propulsé par Kunena

Creating columns

Main Pages

Quick Links

Support

External resources