Displaying multiple colomns on login page

Displaying multiple colomns on login page

by Abraham Adidad -
Number of replies: 2

Hello

I am currently using the latest stable moodle 2.9 with "more" theme. I wanted to add columns just on top of the login screen; This is what i have done:

I read that "more" theme uses bootstrap. so in the login Folder I changed "index_form.html"; Right on top of the <?php opening tag I added the following snippet I got from getbootstrap.com.


<div class="row">
  <div class="col-md-1">.col-md-1</div>
  <div class="col-md-1">.col-md-1</div>
  <div class="col-md-1">.col-md-1</div>
  <div class="col-md-1">.col-md-1</div>
  <div class="col-md-1">.col-md-1</div>
  <div class="col-md-1">.col-md-1</div>
  <div class="col-md-1">.col-md-1</div>
  <div class="col-md-1">.col-md-1</div>
  <div class="col-md-1">.col-md-1</div>
  <div class="col-md-1">.col-md-1</div>
  <div class="col-md-1">.col-md-1</div>
  <div class="col-md-1">.col-md-1</div>
</div>

The issue is that I can't seem to get the columns line side by side. Instead they are listed one after the other. What am I missing here?  (See attachment) 

Much appreciated
Note that I did not change anything in the default moodle files except the one I mentioned in this post.

Attachment mdl_capture.PNG
Average of ratings: -
In reply to Abraham Adidad

Re: Displaying multiple colomns on login page

by Richard Oelmann -
Picture of Core developers Picture of Plugin developers Picture of Testers

Clean and More (moodle core themes) still use Bootstrap 2, so you will need to get code snippets from there rather than the main getbootstrap site, which is on Bootstrap3.

http://getbootstrap.com/2.3.2/scaffolding.html#gridSystem

Average of ratings: Useful (1)
In reply to Richard Oelmann

Re: Displaying multiple colomns on login page

by Abraham Adidad -

That was the problem. Thank you for pointing me to the right direction. My issue is solved.