Hi carlos, please take a look at https://blog.lawrencemcdaniel.com/styling-open-edx-tips-and-tricks/
On Tuesday, April 3, 2018 at 8:00:10 AM UTC-5, Carlos Astorga wrote: > > 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]> >> 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] >> >> 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/bb72865f-5edf-4e5f-be51-c9ad98506328%40googlegroups.com.
