javascript - 如何仅在 WooCommerce 结帐页面中启用 Bootstrap css

标签 javascript css wordpress woocommerce

我有 WordPress woocommerce 主题。我想让我的结帐页面更漂亮。

我只想在结帐时启用 Bootstrap css 和 js。在我的结帐页面中,我有表单域 + 选择框等。

请在这方面帮助我。

最佳答案

为了给您正确的答案,缺少很多信息。 需要看看你是如何布置你的代码的。

最简单的答案是:

如果您已经为结帐页面创建了一个单独的 HTML 文件。 确保在“头部”部分启用了它 你也可以 A:从此处的 URL 下载 Bootstrap 包 https://getbootstrap.com/ 如果您选择下载包,您将必须解压缩下载的文件并将 Bootstrap 的“css”和“js”的适当文件放入包含您的代码的文件夹中,但请确保将您的 css 文件放在您的 css 文件夹中和 js 文件到你的 js 文件夹等等。 或者 B: 你可以简单地用下面的代码链接它

<head>

     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
     <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
     <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>

</head>

希望对你有帮助...

关于javascript - 如何仅在 WooCommerce 结帐页面中启用 Bootstrap css,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51677005/

相关文章:

mysql - 页面布局搞砸了

php - Wordpress 一页网站使用 wp_is_mobile() 加载缓慢

javascript - 第一次进入页面时,Reactjs 在 jquery/ajax 响应后不会重新渲染

javascript - 每次加载页面时加载不同的 js 文件

javascript - 如何在使用 javascript 加载文档时执行 css3 转换?

html - Tumblr 自定义视频缩略图。将自定义 CSS 定位到特定的永久链接

php - MySQL从用户id获取积分

css - 我正在尝试使用媒体查询来使我的网站响应,但我失败了。我想知道我是否遗漏了一些简单的东西?

javascript - HTML5 拖放在拖动时更改图标/光标

javascript - 具有单个元素的 JSON 数组