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 On Monday, September 18, 2017 at 9:52:07 AM UTC-5, Andy Armstrong wrote: > > 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 > > On Thu, Sep 14, 2017 at 12:57 AM, kiruba kiruba <[email protected] > <javascript:>> wrote: > >> Is There any detailed link for integrating bootstrap into the open edx >> platform? >> >> >> On Thursday, March 3, 2016 at 9:55:45 AM UTC+5:30, Дмитрий Утробин wrote: >>> >>> thank you for your answer! >>> >>> среда, 2 марта 2016 г., 18:29:08 UTC+6 пользователь 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> >>>> >>>> Dana utorak, 1. ožujka 2016. u 06:28:22 UTC+1, korisnik Дмитрий Утробин >>>> napisao je: >>>>> >>>>> 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 >>>>> >>>> >> -- >> 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 >> >> <https://groups.google.com/d/msgid/edx-code/a04a8a90-5e5d-4471-b4f8-f66b24629ed4%40googlegroups.com?utm_medium=email&utm_source=footer> >> . >> > > > > -- > > *Andy Armstrong* > > edX | UI Architect | [email protected] <javascript:> > > 141 Portland Street, 9th floor > > Cambridge, MA 02139 > http://www.edx.org <http://www.edxonline.org/> > > [image: > http://www.e-learn.nl/media/blogs/e-learn/edX_Logo_Col_RGB_FINAL.jpg?mtime=1336074566] > -- 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/767afabe-b650-431a-86b1-832bce92631f%40googlegroups.com.
