bootstrap是啥
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了bootstrap是啥相关的知识,希望对你有一定的参考价值。
Bootstrap是Twitter推出的一个用于前端开发的开源工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/html框架。 参考技术A Bootstrap简洁、直观、强悍的前端开发框架,让web开发更迅速、简单。
参考
http://www.bootcss.com 参考技术B Bootstrap,是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、javascript 的 参考技术C n 解靴带;引导程序;靴袢;自益
django-bootstrap3 - bootstrap_css 的目的是啥?
【中文标题】django-bootstrap3 - bootstrap_css 的目的是啥?【英文标题】:django-bootstrap3 - what is the purpose of bootstrap_css?django-bootstrap3 - bootstrap_css 的目的是什么? 【发布时间】:2014-05-14 13:22:09 【问题描述】:我正在阅读 docs 以将 bootstrap3-django
用于模板。我不明白% bootstrap_css %
的目的。我查看了这个标签的source code
,但我不明白它的用途是什么?
在我的base.html
模板中,我有:
% load static from staticfiles %
% load bootstrap3 %
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>% block title %% endblock %</title>
% bootstrap_css %
<link href="% static "css/custom.css" %" rel="stylesheet">
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<!-- Optional theme -->
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap-theme.min.css">
<!-- Latest compiled and minified JavaScript -->
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
</head>
<body>
% block content %
% endblock %
</body>
</html>
这里我有 % bootstrap_css %
和 css links
到 bootstrap css
的 homepage
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<!-- Optional theme -->
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap-theme.min.css">
没有这个,页面不会使用Bootstrap3
。那么% bootstrap_css %
的目的是什么,为什么要使用它呢?
谢谢
【问题讨论】:
【参考方案1】:有时最好挖掘源头。 bootstrap_css
模板标签 code can be found here. 看起来它嵌入了 bootstrap.min.css 和可能的主题 url 到页面中。
@register.simple_tag
def bootstrap_css():
"""
Return HTML for Bootstrap CSS
Adjust url in settings. If no url is returned, we don't want this statement to return any HTML.
This is intended behavior.
Default value: ``FIXTHIS``
This value is configurable, see Settings section
**Tag name**::
bootstrap_css
**usage**::
% bootstrap_css %
**example**::
% bootstrap_css %
"""
urls = [url for url in [bootstrap_css_url(), bootstrap_theme_url()] if url]
return ''.join([render_link_tag(url, media='screen') for url in urls])
【讨论】:
bootstrap_css 文档的链接:django-bootstrap3.readthedocs.io/en/latest/…以上是关于bootstrap是啥的主要内容,如果未能解决你的问题,请参考以下文章
Bootstrap 4 间距实用程序的 antd 等效项是啥?
使用 Bootstrap 混合应用程序开发 ReactJS 的程序是啥