<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap CSS -->
- <link rel="stylesheet" href="../../../dist/css/bootstrap.min.css">
+ <link href="../../../dist/css/bootstrap.min.css" rel="stylesheet">
<title>Hello, world!</title>
</head>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
- <link rel="stylesheet" href="../../../dist/css/bootstrap.min.css">
+ <link href="../../../dist/css/bootstrap.min.css" rel="stylesheet">
<title>Alert</title>
</head>
<body>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
- <link rel="stylesheet" href="../../../dist/css/bootstrap.min.css">
+ <link href="../../../dist/css/bootstrap.min.css" rel="stylesheet">
<title>Button</title>
</head>
<body>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
- <link rel="stylesheet" href="../../../dist/css/bootstrap.min.css">
+ <link href="../../../dist/css/bootstrap.min.css" rel="stylesheet">
<title>Carousel</title>
<style>
.carousel-item {
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
- <link rel="stylesheet" href="../../../dist/css/bootstrap.min.css">
+ <link href="../../../dist/css/bootstrap.min.css" rel="stylesheet">
<title>Collapse</title>
</head>
<body>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
- <link rel="stylesheet" href="../../../dist/css/bootstrap.min.css">
+ <link href="../../../dist/css/bootstrap.min.css" rel="stylesheet">
<title>Dropdown</title>
</head>
<body>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
- <link rel="stylesheet" href="../../../dist/css/bootstrap.min.css">
+ <link href="../../../dist/css/bootstrap.min.css" rel="stylesheet">
<title>Modal</title>
<style>
#tall {
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
- <link rel="stylesheet" href="../../../dist/css/bootstrap.min.css">
+ <link href="../../../dist/css/bootstrap.min.css" rel="stylesheet">
<title>Popover</title>
</head>
<body>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
- <link rel="stylesheet" href="../../../dist/css/bootstrap.min.css">
+ <link href="../../../dist/css/bootstrap.min.css" rel="stylesheet">
<title>Scrollspy</title>
<style>
body { padding-top: 70px; }
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
- <link rel="stylesheet" href="../../../dist/css/bootstrap.min.css">
+ <link href="../../../dist/css/bootstrap.min.css" rel="stylesheet">
<title>Tab</title>
<style>
h4 {
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
- <link rel="stylesheet" href="../../../dist/css/bootstrap.min.css">
+ <link href="../../../dist/css/bootstrap.min.css" rel="stylesheet">
<title>Toast</title>
<style>
.notifications {
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
- <link rel="stylesheet" href="../../../dist/css/bootstrap.min.css">
+ <link href="../../../dist/css/bootstrap.min.css" rel="stylesheet">
<title>Tooltip</title>
<style>
#target {
Skip the download with [jsDelivr](https://www.jsdelivr.com/) to deliver cached version of Bootstrap's compiled CSS and JS to your project.
```html
-<link rel="stylesheet" href="{{< param "cdn.css" >}}" integrity="{{< param "cdn.css_hash" >}}" crossorigin="anonymous">
+<link href="{{< param "cdn.css" >}}" rel="stylesheet" integrity="{{< param "cdn.css_hash" >}}" crossorigin="anonymous">
<script src="{{< param "cdn.js_bundle" >}}" integrity="{{< param "cdn.js_bundle_hash" >}}" crossorigin="anonymous"></script>
```
Copy-paste the stylesheet `<link>` into your `<head>` before all other stylesheets to load our CSS.
```html
-<link rel="stylesheet" href="{{< param "cdn.css" >}}" integrity="{{< param "cdn.css_hash" >}}" crossorigin="anonymous">
+<link href="{{< param "cdn.css" >}}" rel="stylesheet" integrity="{{< param "cdn.css_hash" >}}" crossorigin="anonymous">
```
### JS
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap CSS -->
- <link rel="stylesheet" href="{{< param "cdn.css" >}}" integrity="{{< param "cdn.css_hash" >}}" crossorigin="anonymous">
+ <link href="{{< param "cdn.css" >}}" rel="stylesheet" integrity="{{< param "cdn.css_hash" >}}" crossorigin="anonymous">
<title>Hello, world!</title>
</head>
</div>
<div class="col-md-7 pl-md-5">
{{ highlight (printf (`<!-- CSS only -->
-<link rel="stylesheet" href="%s" integrity=%q crossorigin="anonymous">`) .Site.Params.cdn.css (.Site.Params.cdn.css_hash | safeHTMLAttr)) "html" "" }}
+<link href="%s" rel="stylesheet" integrity=%q crossorigin="anonymous">`) .Site.Params.cdn.css (.Site.Params.cdn.css_hash | safeHTMLAttr)) "html" "" }}
{{ highlight (printf (`<!-- JavaScript Bundle with Popper.js -->
<script src="%s" integrity=%q crossorigin="anonymous"></script>`) .Site.Params.cdn.js_bundle (.Site.Params.cdn.js_bundle_hash | safeHTMLAttr)) "html" "" }}
</div>
{{- $style := resources.Get "scss/docs.scss" | toCSS $sassOptions | postCSS $postcssOptions }}
-<link rel="stylesheet" href="{{ $style.Permalink | relURL }}">
+<link href="{{ $style.Permalink | relURL }}" rel="stylesheet">
{{- end }}