python web框架企业实战详解（第六期）\第三课时-css&bootstrap
Posted t0nsha
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了python web框架企业实战详解（第六期）\第三课时-css&bootstrap相关的知识，希望对你有一定的参考价值。
raw css：
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style type="text/css"> p.ex1 { font:italic arial,sans-serif; } p.ex2 { font:italic bold 12px/30px arial,sans-serif; } </style> </head> <body> <h1>this is a raw css page </h1> <p>static files must be put in <font color="red" ><b> static</b></font> directory in webpy !</p> <p class="ex1"> SEE HERE css p.ext1 test </p> <p class="ex2"> SEE HERE css p.ex2 test </p> </body> </html>
bootstrap css：
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<!-- bootstrap下载地址：http://getbootstrap.com/getting-started/ -->
<link rel="stylesheet" href="./bootstrap-3.3.6-dist/css/bootstrap.min.css"/>
<link rel="stylesheet" href="./bootstrap-3.3.6-dist/css/bootstrap-theme.min.css"/>
<link rel="stylesheet" href="./bootstrap-3.3.6-dist/js/bootstrap.min.js"/>
</head>
<body>
<h1>this is a bootstrap css page </h1>
<p>static files must be put in <font color="red" ><b> static</b></font> directory in webpy !</p>
<!-- bootstrap样式参考： http://v3.bootcss.com/css/#buttons-options -->
<!-- Provides extra visual weight and identifies the primary action in a set of buttons -->
<button type="button" class="btn btn-primary">（首选项）Primary</button>
<!-- Indicates a successful or positive action -->
<button type="button" class="btn btn-success">（成功）Success</button>
</body>
</html>以上是关于python web框架企业实战详解（第六期）\第三课时-css&bootstrap的主要内容，如果未能解决你的问题，请参考以下文章
python web框架企业实战详解（第六期）\第三课时-css&bootstrap
python web框架企业实战详解（第六期）\第二课时-pickle&__eq__
python web框架企业实战详解（第六期）\第一课时-sorted&if&for
python web框架企业实战详解（第六期）第三课时-css&bootstrap