background preloader


Facebook Twitter

Bootstrap 3 Lightbox. Options Options are passed down to the modal object so you can also use any of the original modal options.

Bootstrap 3 Lightbox

Pass the options to the calling function as an object, or set defaults using $.fn.ekkoLightbox.defaults (excluding modal default options, notable: title, footer, remote) Events Some quick themes to show how customisation is possible. Images from Instagrams "The Week on Instagram | 92" Note: uses modal plugin title option via data-title, and the custom footer tag using data-footer By default, gallery images must be wrapped in a tag (probably <div>) - which doesn't have the class .row. A custom selector for the parent can be used, see example #11. YouTube You can use various YouTube URL formats, the regex used is: /^. Ghostpoet - Cash and Carry Me Home Tame Impala - Elephant (using link) Ghostpoet - Cash and Carry Me Home (suppress related videos with data-norelated) Vimeo City Lights - from Colin Rich (using embed link) Instagram This also works with photos:

Bootstrap Image Gallery with Responsive Masonry Grid. Jaegar It's a good program to do small projects with, like maybe a landing page, but there are several items that still need to be fixed before anyone can actually use it for a full website.

Bootstrap Image Gallery with Responsive Masonry Grid

There are too many issues that are occurring which require people to have to use an html editor to go fix them manually. Things that would a nice addition: To add a media gallery, the same as the photo gallery. So that people can have a small media galley for you tube, etc.Being able to resize items so that you can add more than one item per section ( for example if someone wanted to add a photo next to the contact form. Thank You. Theresia I have the following comments regarding the new blocks and the other blocks as well: More parameters would be fine: - more colors for the bootstrap responsive menu links - adjust the alignment of the menu to the left, to the right or center - adjust the alignment of the logo as well - adjust the size of the logo It looks awesome!

Some more parameters would be fine: 5. 6. Bootstrap Slider / carousel with thumbnail navigation. Freelancer - One Page Theme - Start Bootstrap. Official Alternate Versions: Jekyll Version User Contributed Versions: License & Author Details: MIT by Start Bootstrap Theme Comments: Please enable JavaScript to view the <a href=" powered by Disqus.

Freelancer - One Page Theme - Start Bootstrap

Need a Custom Build? If you like this theme, but need something a bit more custom, you can hire the Start Bootstrap design team to create a custom version of this template! Description: Freelancer is a one page Bootstrap portfolio theme for freelancers. Features: Flat icons by LESS files and compiled CSS included Fixed top navigation that collapses on scroll Scrollspy on navigation items Perfectly responsive portfolio grid with hover effects Responsive, full screen modal windows for featuring project details Custom horizontal rules using Font Awesome icons Custom outline button style Mobile friendly contact form with floating form labels Easy to edit PHP file to make the contact form send messages Includes jqBootstrapValidation plugin for contact form validation.

All Free Bootstrap Themes & Templates - Start Bootstrap. How to Customize the Default Bootstrap Style, the Right Way - BootstrapBay. If you take a look at the source code of some of your favourite websites, we wouldn’t be surprised if you found common elements of the Bootstrap framework being put to use.

How to Customize the Default Bootstrap Style, the Right Way - BootstrapBay

As Bootstrap is arguably the most popular front-end framework for web development, many designers and developers employ the framework for rapid responsive development. But why do some of these sites look nothing like the default Bootstrap theme? Quite simply, additional CSS stylesheets were added or the default Bootstrap stylesheets were modified (let’s disregard LESS or SASS for the sake of this tutorial). In this short tutorial, we’ll show you how to do this in a manner that is clean, easy to maintain, and allows you to update to future versions of Bootstrap without breaking your custom styles (providing that the update is minor). Let’s begin. Add a Custom Stylesheet Create a new file in your Bootstrap CSS folder and call it custom.css. Applying Custom Styles Conclusion.