Reputation: 2458
The problem I am having is that only a few of the bootstrap classes are working for me. For example, the btn
classes are fine, the container
, row
classes are also fine. However, the jumbotron
class, all of the panel
classes simply are not being styled by bootstrap. I've seen that some bootstrap body tags have some attributes but meteor doesn't allow any attributes on the body tag (I'm not sure if that's the issue).
I'm not exactly sure why some classes are working while others are not. If anyone has an idea of what's going on, it'd be great if they could tell me.
HTML code (Handlebars and Bootstrap classes)
<template name="home">
<div class="container">
{{> create_poll}}
</div>
</template>
<template name="create_poll">
<div class="panel panel-default">
<div class="panel-heading">
Create polly!
</div>
<div class="panel-body">
<div class="poll-title">
<input type="text" id="poll-title" placeholder="Poll title">
</div>
<hr>
<ul class="poll-choices">
<li id="poll-choice-1"><input name="choice" type="text" placeholder="Option 1"></li>
<li id="poll-choice-2"><input name="choice" type="text" placeholder="Option 2"></li>
</ul>
<button id="poll_create" type="Submit" class="btn btn-default">Submit</button>
</div>
</div>
</template>
Upvotes: 1
Views: 1006
Reputation: 8865
The current release of Meteor (0.7) only includes bootstrap v2.3.0 (documentation at http://getbootstrap.com/2.3.2/)
Bootstrap 2.3 doen't have jumbotron
(uses hero-unit
) and doesn't have panel
If you want bootstrap 3.0 in your Meteor application - you'll need to add a package that provides it. You can find a bunch of bootstrap packages for Meteor at https://atmosphere.meteor.com/
Upvotes: 3