Bootstrap Core Integration

[teja-amil]

Hi

I have worked with CiviCRM on the project Bootstrap UI for CiviCRM as a part of Google Summer of Code 2014. GitHub Link - https://github.com/amilineni/civicrm-core

I understand that many people have inquired about integrating Bootstrap with core at CiviCON.  I want to keep working on this. I am looking for people working on core interested in helping me chalk out a road map on how to go about doing this.

Let me know if you are interested!

[mathieu]

Hi Teja,

I have been testing your patches and would be happy to collaborate on this to get Bootstrap support into CiviCRM 4.6.

I think a first step would be to add the appropriate classes on form elements. Then we could create an extension or core CSS file that would include most of the CSS necessary for bootstrap so that at least public-facing forms work correctly. With a few CSS hacks and core patches for forms, we could use on CiviCRM 4.5 a large chunk of the work you did during the GSoC. What do you think?

Mathieu

[teja-amil]

Glad that you are interested in helping me out. Will take this project forward.

[Eileen]

I'm also really excited about the bootstrap potential

[sourav_vj]

Hello Teja,
I am new to CiviCRM forum and i find Bootstrap integration with core interesting . I have good knowledge of bootstrap and have created a website as a freelance.
Let me know your status on this.

[xavier]

Hey,

Teja is busy with exams right now, but plan to pick it up and get it in the state that can be merged end of the month if I recall.

I know he's looking for help, I'll let him clarify his needs.

[teja-amil]

Hi  Sourav

Glad that you are interested.  Another contributor @mathieu is also on board. We have had a Skype call last week to iron out details. This month,  I am little busy with exams.  However, you could get started by doing following things:

1. Setup CiviCRM development environment. Fork core repo and see if you can make commits. 
2. CiviCRM pages use html tables currently.  During my Gsoc project,  we tried working around this but if we are looking a core integration,  it might be better  to go with native divs.
3.  Since we are not sure when we will be merging with the core,  right now instead of replacing default styles we were thinking of manually pasting bootstrap styles in to existing style sheet for the elements we use.

So,  you could start with the dev setup,  choose a user facing form/page,  add Bootstrap css to style sheet and make changes to the code and see how it goes.

Let me know what you think!

[sourav_vj]

hello again,
I have setup CiviCrm environment .  I'm going through the code , it will take about a week or so to get familiar with it.

I too will  be busy with exams till mid december . If I get any free time will make few commits.

So we can take project forward from mid december.

Let me know your status.