<https://lh6.googleusercontent.com/-INtDHCr5gwE/Uf4xf5W8i1I/AAAAAAAAAAg/Xre5ptnBNEA/s1600/jobportal.png>
We all know the famous and most popular front end framework for building web applications faster, easier, responsive and cross-browser compatible is Twitter Bootstrap. Not only does it make the life of front end developers easier but helps solve common issues like responsive design for smaller screen devices. Now with the latest version *Twitter Bootstrap 3*, what has changed and how to use the latest version for your new project. Well, I cannot cover everything on this post but I will try to give you the basic understanding of how to use Twitter Bootstrap 3 for your new project. The major changes you need to take note of is the classes for creating your columns and also be aware that the icons are no longer images but fonts, similar to font-awesome but less icon options. Before we proceed, here is a template I created last month with Twitter Bootstrap 3. Twitter Bootstrap 3 - Job Portal<http://www.themebulk.com/theme/detail/9/twitter-bootstrap-3-job-portal> You can find the template here Twitter Bootstrap 3 - Job Portal<http://www.themebulk.com/theme/detail/9/twitter-bootstrap-3-job-portal>, the site is still relatively new, so I hope if the site gets more attraction - I will add up new themes. *Key points on the changes* - No more row-fluid class, it is now <div class="row"></div> for creating your column container. - No more span(number) class, you need to use something like this <div class="col col-lg-4"></div> which means that box is a column and the next class is how width you want your column to be which is similar to "span4". I notice Zurb Foundation has similar approach. - Since icons are now fonts, you can for example get a calender like this <i class="glyphicon glyphicon-calendar"></i>. The glyphicon is the default class for calling icons and the next class is the icon you want to use, note the "glyphicon-" needs to be added to every icon name. - No more brand class for logo, use <div class="navbar-brand "></div>, same as creating buttons like sign up or login - use <a href="#" class="btn btn-default navbar-btn"></a> - No more box-shadow on the buttons, thank God! all buttons are now flat and simple. * *As the new release is available on Bootstrap <http://getbootstrap.com/>, you can go there and play around with the new features. So share your thoughts, opinion and how it works for you. -- You received this message because you are subscribed to the Google Groups "twitter-bootstrap" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. For more options, visit https://groups.google.com/groups/opt_out.
