BootStrap入门教程(一)之可视化布局

前端之家收集整理的这篇文章主要介绍了BootStrap入门教程(一)之可视化布局前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

下载地址:

HTML模板:

Bootstrap 模板

Hello,world!

  在这里,您可以看到包含了 jquery.js、bootstrap.min.js 和 bootstrap.min.css 文件,用于让一个常规的 HTML 文件变为使用了 Bootstrap 的模板。

Bootstrap CDN推荐

  百度的静态资源库的 CDN 服务,引入代码如下:

Hello,world!

This is a template for a simple marketing or informational website. It includes a large callout called the hero unit and three supporting pieces of content. Use it as a starting point to create something more unique.

Heading

Donec id elit non mi porta gravida at eget metus. Fusce dapibus,tellus ac cursus commodo,tortor mauris condimentum nibh,ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

Hello,world!

This is a template for a simple marketing or informational website. It includes a large callout called the hero unit and three supporting pieces of content. Use it as a starting point to create something more unique.

Twitter,Inc.


795 Folsom Ave,Suite 600
San Francisco,CA 94107
(123) 456-7890
Heading

Donec id elit non mi porta gravida at eget metus. Fusce dapibus,ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

Heading

Donec id elit non mi porta gravida at eget metus. Fusce dapibus,ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

效果如下:

相关参考:

以上所述是小编给大家介绍的BootStrap入门教程(一)之可视化布局。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持

原文链接:https://www.f2er.com/bootstrap/45746.html
bootstrapbootstrapbootstrap可视化可视化布局

猜你在找的Bootstrap相关文章