Using bootstrap in Open edX

[Дмитрий Утробин]

Hello!

How to add boostrap framework in Open edX?

I found bootsrtap files in /edx/app/edxapp/edx-platform/lms/static/js/ on my server, But how to use it?

I saw html code of page and I didn't find where it is included

Thanks

[Danko Slipcevic]

Putting the files on the server is the first step. Second step is to link your bootstrap css and js files in the templates. If you will use bootstrap on all your templates, it is best to put the links in the lms/templates/main.html template.

Link your css like this <link rel="stylesheet" href="${static.url('path/to/css/file')}"/>

Lik your js like this <script type="text/javascript" src="${static.url("path/to/js/file")}"></script>

If you don't want to put the files on your server, you can link files hosted by maxcdn like this

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>

[Дмитрий Утробин]

thank you for your answer!

среда, 2 марта 2016 г., 18:29:08 UTC+6 пользователь Danko Slipcevic написал:

[kiruba kiruba]

Is There any detailed link for integrating bootstrap into the open edx platform?

[Andy Armstrong]

We're just starting to integrate Bootstrap into Open edX. I've created an initial page describing what we have so far:

https://edx.readthedocs.io/projects/edx-developer-guide/en/latest/user_interfaces/bootstrap.html

We'll add to this as we continue our development.

 - Andy

--
You received this message because you are subscribed to the Google Groups "General Open edX discussion" group.
To view this discussion on the web visit https://groups.google.com/d/msgid/edx-code/a04a8a90-5e5d-4471-b4f8-f66b24629ed4%40googlegroups.com.

--

Andy Armstrong

edX | UI Architect  | an...@edx.org  

141 Portland Street, 9th floor

Cambridge, MA 02139

http://www.edx.org

[Carlos Astorga]

Hi Andy,

I am just starting using npm, scss, SAAS and Open edX and learning as I go. I installed Ginkgo.2 into an Ubuntu 16.04 VM successfully and have also created courses in the platform. However, I am failing miserably at installing the edx-bootstrap theme in my instance of open edx. These are the steps I am following:

1. Install npm on the VM
   
2. Create a /custom-themes folder
   
3. I first tried running the command 'npm install --save @edx/edx-bootstrap' but that failed
   
4. I then downloaded the edx-bootstrap repository in to my folder using 'git clone https://github.com/edx/edx-bootstrap.git'
5. I then run npm init -y
6. Then I run  'npm install --save @edx/edx-bootstrap' but the process doesn't complete. I have tried moving inside the /edx-bootstrap folder and running the command again but that throws an error of "Refusing to install 
   @edx/edx-bootstrap as a dependency of itself" error. 

Is there any other location where I can get some additional details on the steps to follow? I am not sure how the assumptions behind the initial step in the git repository when it states: 

     The edx-bootstrap library should be installed via npm:

   npm install --save @edx/edx-bootstrap

Any help you could provide in pointing me in the right direction will be appreciated.  

Best, 

Carlos

[Lawrence McDaniel]

Hi carlos, please take a look at https://blog.lawrencemcdaniel.com/styling-open-edx-tips-and-tricks/