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 linksbootstrap csshomepage

<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是啥

Bootstrap 4 间距实用程序的 antd 等效项是啥?

使用 Bootstrap 混合应用程序开发 ReactJS 的程序是啥

使用bootstrap的原因是啥

使用 Ajax 获取 Bootstrap 弹出框内容的最佳方法是啥?

bootstrap是啥意思