Giter VIP home page Giter VIP logo

Comments (5)

dennis27 avatar dennis27 commented on May 14, 2024

The "bubbles" are Bootstrap badges. They are created like so:

   <span class="badge">7</span>

The ones you are asking about are found in the navbar

   <ul class="nav navbar-nav navbar-right navbar-user">
      ...
   </ul>

from startbootstrap.

BMeridian avatar BMeridian commented on May 14, 2024

Yes, thanks..

You setup the badge for "Inbox" without a "name', 'id' , "class" property.
The number '7' is referred in
four different places two referring to the inbox. Should the span tag for
the bubble have an id or name
in addition to the bootstrap class reference...

How would I fix?

On Mon, Nov 4, 2013 at 3:02 PM, Dennis Vaughn [email protected]:

The "bubbles" are Bootstrap badgeshttp://getbootstrap.com/components/#badges.
They are created like so:

7

The ones you are asking about are found in the navbarhttp://getbootstrap.com/components/#navbar

    ...


Reply to this email directly or view it on GitHubhttps://github.com//issues/17#issuecomment-27717669
.

from startbootstrap.

dennis27 avatar dennis27 commented on May 14, 2024

I am not an owner/contributor to the project but I don't think the templates are necessarily to be taken as is. I suppose if you want to access the badge span by id you could easily add that. You can access the span via the messages-dropdown class as well. The selector would look something like the following for jQuery, which would return you the badge element at which time you could manipulate it any way you want.

   $('.messages-dropdown a .badge')

from startbootstrap.

BMeridian avatar BMeridian commented on May 14, 2024

Thanks.

Do you want to leave issue open so maintainer see it?

On Mon, Nov 4, 2013 at 3:38 PM, Dennis Vaughn [email protected]:

I am not an owner/contributor to the project but I don't think the
templates are necessarily to be taken as is. I suppose if you want to
access the badge span by id you could easily add that. You can access the
span via the messages-dropdown class as well. The selector would look
something like the following for jQuery, which would return you the badge
element at which time you could manipulate it any way you want.

$('.messages-dropdown a .badge')


Reply to this email directly or view it on GitHubhttps://github.com//issues/17#issuecomment-27720417
.

from startbootstrap.

 avatar commented on May 14, 2024

This is the sort of feature that you would have to add on your own. The numbers that I threw in there are just placeholders. I imagined that someone who wanted to use this template would use PHP or something to display the number within the badges. If you want to add classes, id's, names, whatever then feel free to do so, but dennis27 is correct in that the templates aren't built to be implemented as is, there is some customization still left to be done.

from startbootstrap.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.