BT
x Your opinion matters! Please fill in the InfoQ Survey about your reading habits!

Bootstrap 3.2 Adds Responsive Embeds Among Others

by Abel Avram on Jul 01, 2014 |

Bootstrap 3.2 adds responsive embeds, objects and iframes, several new responsive utility classes, a considerable number of small improvements and bug fixes.

Built on top of over 1,000 commits, Bootstrap 3.2.0 comes with a several improvements and a large number of bug fixes. A framework for building websites with a responsive design, Bootstrap was missing support for responsive <embed>, <object> and <iframe> elements, feature added in this latest version. The HTML for a responsive YouTube 16:9 video that adjusts its size based on the width of the page it is displayed in looks like this:

<div class="embed-responsive embed-responsive-16by9">

<iframe src="…(link)…"></iframe>

</div>

Other improvements include:

  • The docs have been rearranged and updated to be more specific and easier to develop.
  • The progress bar component has been improved for increased flexibility.
  • CSS repaint performance (most notably through scrolling) has been enhanced for several components.
  • Keyboard navigation (forward and backward) is now available for the carousel.
  • Modals should no longer shift left when being opened.

Also, a number of responsive utility classes have been added: block, inline-block, and inline. The change log contains all fixes and improvements brought by this version.

To avoid certain bugs generated by invalid HTML submitted to the repository, the team behind Bootstrap has installed the LMVTFY (Let Me Validate That For You) service which watches for new issues or new comments, extracts the HTML code if any, and runs it through an HTML5 validator.

Bootstrap can now be downloaded via npm.

Hello stranger!

You need to Register an InfoQ account or or login to post comments. But there's so much more behind being registered.

Get the most out of the InfoQ experience.

Tell us what you think

Allowed html: a,b,br,blockquote,i,li,pre,u,ul,p

Email me replies to any of my messages in this thread
Community comments

Allowed html: a,b,br,blockquote,i,li,pre,u,ul,p

Email me replies to any of my messages in this thread

Allowed html: a,b,br,blockquote,i,li,pre,u,ul,p

Email me replies to any of my messages in this thread

Discuss

Educational Content

General Feedback
Bugs
Advertising
Editorial
InfoQ.com and all content copyright © 2006-2014 C4Media Inc. InfoQ.com hosted at Contegix, the best ISP we've ever worked with.
Privacy policy
BT