Category: Bootstrap

  • Twitter Bootstrap – Carousel Only CSS

    Hey everyone, I ran into a bit of an issue today with my stylesheet conflicting with Bootstrap. After a bit of tinkering I realised that all I really needed from bootstrap were the Carousel styles. I’ve taken everything else out and included everything that’s left below: .carousel { position: relative; } .carousel-inner { position: relative;…

  • Dropdown Button – Twitter Bootstrap

    Hey everyone, Just a quick post on how to create a dropdown button using Twitter Bootstrap. It’s pretty straight forward, once you’ve included all your CSS etc just add the following code: Button Text Menu Option #1 Menu Option #2 Menu Option #3 Menu Option #4 Menu Option #5 Once you save that you should…

  • jQuery DateTimePicker with Bootstrap

    Hey everyone, I ran into a bit of trouble today trying to get datetimepicker to work within bootstrap tabs. The dialog appeared however none of the buttons seemed to work. The fields also remained unpopulated. It turned out the the issue was caused by the fact that I’d used jquery’s clone function to duplicate the…

  • Remove Disabled Attribute – Twitter Bootstrap

    Hey everyone, I was using Bootstrap’s disabled attribute today and just needed a way to remove it. Once again, jQuery has a quick and easy way to do this: $(‘#my_input’).removeAttr(‘disabled’); There’s a whole heap of documentation on the jQuery site: http://api.jquery.com/removeAttr/

  • Modal Popup – Twitter Bootstrap

    Just a quick post on how to create a modal popup using twitter bootstrap: Step #1: Add the following to a page element such as a link or button in order to open the modal: href=”modal_content_name” data-toggle=”modal” i.e. Add Image Step #2: Create a content div i.e. × Modal Header Test Modal Close Save Changes…

  • Popover Function – Twitter Bootstrap

    Just a quick post on how easy it is to implement a popover with twitter bootsrap: JavaScript: //Create tooltips for login/signup forms function create_tooltips(){ //Create vars var titles = [‘test title’] var contents = [‘test content’]; var fields = [‘#user_email’]; //Loop through each field and assign tooltip for(var i = 0; i < fields.length; i++){…

Create a website or blog at WordPress.com