Twitter Bootstrap Web Development How-To

David Cochran

  • 出版商: Packt Publishing
  • 出版日期: 2012-11-17
  • 售價: $990
  • 貴賓價: 9.5$941
  • 語言: 英文
  • 頁數: 68
  • 裝訂: Paperback
  • ISBN: 1849518823
  • ISBN-13: 9781849518826
  • 相關分類: Bootstrap
  • 下單後立即進貨 (約3~4週)

相關主題

商品描述

A hands-on introduction to building websites with Twitter Bootstrap's powerful front-end development framework

Overview

  • Conquer responsive website layout with Bootstrap’s flexible grid system
  • Leverage carefully-built CSS styles for typography, buttons, tables, forms, and more.
  • Deploy Bootstrap's jQuery plugins to create drop-downs, switchable tabs, and an image carousel.

In Detail

Twitter Bootstrap is by far the most popular of all front-end frameworks. It has earned its position by providing expertly-crafted, community-tested solutions for some of the thorniest problems of contemporary web design, equipping developers to accomplish difficult tasks with ease and normal tasks with greater speed.

Twitter Bootstrap Web Development How-To walks you step-by-step from Bootstrap basics to the creation of a fully-responsive, JavaScript-enhanced, multi-page website. After this quick and dirty Bootstrap bootcamp, you'll not only be building serious sites, but you’ll be equipped to dive into the rest of what Twitter Bootstrap has to offer. The content of the book is up to date with version 2.1 of Twitter Bootstrap.

Bringing you from zero to pro in record time, this book will start you off with Twitter Bootstrap's excellent responsive grid system. From the basics, you'll move on to more complex layouts with media grids and tables. You'll learn to control Bootstrap's navbar, adding drop-down menu items and configuring it to adapt beautifully to small screens. You'll utilize Bootstrap's jQuery plugins to add dynamic tabs and a beautiful homepage slideshow. You'll also walk through the steps of uploading your files, testing your site across desktop and mobile browsers, and optimizing your site files for improved performance before final launch.

What you will learn from this book

  • Conquer responsive website layout with Bootstrap’s flexible grid system
  • Create a complex media grid of images and captions
  • Leverage carefully built CSS styles for typography, buttons, tables, forms, and more
  • Exert control over Bootstrap's dynamic and responsive navbar
  • Learn the ways of Bootstrap's excellent jQuery plugins
  • Create drop-down items and dynamic switchable tabs
  • Create a beautiful image carousel slideshow with captions
  • Test your results across browsers and devices

Approach

An easy-to-follow step-by-step presentation which will get you started with Twitter Bootstrap. Practical examples will help you to get set up quickly and easily.

Who this book is written for

This guide is for new, novice, and intermediate developers alike. Basic knowledge of HTML and CSS is required although this book will help beginners find their feet with both more easily. Those experienced with HTML and CSS will quickly learn the beautiful and efficient ways of Bootstrap..

商品描述(中文翻譯)

一本實踐性的介紹,教你如何使用Twitter Bootstrap這個強大的前端開發框架建立網站。

概述:
- 使用Bootstrap靈活的網格系統來實現響應式網站佈局
- 利用精心設計的CSS樣式來處理排版、按鈕、表格、表單等
- 使用Bootstrap的jQuery插件來創建下拉菜單、可切換的標籤和圖片輪播。

詳細內容:
Twitter Bootstrap是目前最受歡迎的前端框架之一。它通過提供經過專家精心製作、經過社區測試的解決方案,解決了當代網頁設計中一些棘手的問題,使開發人員能夠輕鬆完成困難的任務和更快速地完成常規任務。

《Twitter Bootstrap網頁開發實踐》將逐步引導您從Bootstrap基礎知識到創建完全響應式、JavaScript增強型的多頁網站。在這個快速而實用的Bootstrap訓練營之後,您不僅能夠建立優秀的網站,還能夠深入研究Twitter Bootstrap的其他功能。本書的內容與Twitter Bootstrap的2.1版本保持同步。

本書將帶您從零基礎到專業級,首先介紹Twitter Bootstrap優秀的響應式網格系統。從基礎知識開始,您將進一步學習使用媒體網格和表格等更複雜的佈局。您將學習控制Bootstrap的導航欄,添加下拉菜單項目並配置其在小屏幕上的美觀適應性。您將利用Bootstrap的jQuery插件添加動態標籤和美麗的主頁幻燈片。您還將逐步完成上傳文件、在桌面和移動瀏覽器上測試網站以及優化網站文件以提高性能的步驟。

從本書中您將學到:
- 使用Bootstrap靈活的網格系統來實現響應式網站佈局
- 創建一個包含圖片和標題的複雜媒體網格
- 利用精心設計的CSS樣式來處理排版、按鈕、表格、表單等
- 控制Bootstrap的動態和響應式導航欄
- 學習使用Bootstrap優秀的jQuery插件
- 創建下拉菜單項目和動態可切換的標籤
- 創建帶有標題的美麗圖片輪播
- 在不同瀏覽器和設備上測試結果

這本書的特點是易於理解的逐步介紹,讓您快速上手Twitter Bootstrap。實用的示例將幫助您快速且輕鬆地進行設置。

本書適合新手、初學者和中級開發人員。雖然需要基本的HTML和CSS知識,但本書將幫助初學者更容易地入門。對於熟悉HTML和CSS的人來說,本書將快速教會您Bootstrap的美麗和高效方法。