2

I have an AngularJS app in development, and the CSS is already done, just adding functionality.

What I now need is stuff like

  • date pickers
  • modals
  • tooltips

I'd love to use some of the stuff from angular-strap, but it's based on the bootstrap.css file.

If I don't include the bootstrap file, it doesn't work. If I include it, it works, but it breaks everything, my whole layout is destroyed. That happens also if I include the bootstrap.css first.

I then tried to only load partial elements from the bootstrap site. For example, the date picker from angular-strap said to use elements like tooltip, so I only used the tooltip css elements using the bootstrap customiser, then it displays but inline, not a tooltip anymore.

It's quite frustrating. Is there a way to add those amazing libraries without breaking the CSS of the existing app? I'm somehow not seeing what's really required for that.

Improve this question
1
  • 1
    See this answer stackoverflow.com/a/8892414/3116322 (summary: Bootstrap works well for greenfield projects, but it was not designed for ease of integration into existing projects) Commented Jun 30, 2014 at 9:45

1 Answer 1

Reset to default
0

My company's project is in the exact same situation. We use Foundations for our grid layout. But we want to use things like AngularUI which is based off of foundations.

What we've done is to include the bootstrap JS. And then selectively choose the bootstrap css that is needed. Doing it this way has given us the ability to use Datepicker & Modal. (Although, recently I found some better angular datepickers - and the angularUI datepickers just don't have the usability that I was looking for).

So it seems that what you may be missing is the JS for bootstrap. But without seeing your code it's really hard to say.

Per your request, here are some of the datepickers that I like better:

Improve this answer
Sign up to request clarification or add additional context in comments.

5 Comments

It's not really related to the JS, because when I include the whole bootstrap.css it all the functionality of angular-strap is there. It just breaks the rest of the layout.
out of curiosity: what date pickers are you using now?
I"m not a bootstrap expert, but I was under the impression that the JS often altered the CSS/styling. It's an easy thing to test out though (if you haven't already). Just include the JS and see if it makes it look different.
Added some of the other datepickers that I like.
angular-strap is not based on bootstrap JS, so it doesn't have an effect

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.