问题标签 [bootstrap-studio]

I am using Bootstrap (in Bootstrap Studio) and plain JavaScript. I have colored the background of my <div> element by setting the CSS color to the default color. Now, I am trying to change that CSS color by setting a new value when a new tab is selected.

The goal is to change the background color of tabs and their corresponding content. For example, tab 1 will have a blue background, and tab 2 will have an orange background; the background color will change as you switch between them. I have set the base color by styling the parent div background. (The reason I did not color the tab-content and active tab specifically is that the colored area was not big enough).

Below is the JS function I currently have.

Bellow is the CSS styling on the parent <div id= ‘tabDiv’&gt; , and for the active tab.

Below is the general structure of my HTML.

When I run the code as it is this is what the console prints out:

So, I moved the initial CSS styling to the HTML div to look like <div id=’tabDiv’ style=”background: linear-gradient(144deg, #8c3a83, #682b61);”&gt;. I’m using Bootstrap Studio (required by my work place), which gave me that new inline style format.

When running the code with styling in the HTML instead of the CSS files I get this:

I have also tried changing the formatting and color type (hex or RGB) of the HTML style declaration, and in the JS function where I set the new color. But the same basic issue of, the Old Color does not actually update/change during my JS function. I have also tried adding the !important to my new color in JS.

I’ve read that this may be an issue with what is being rendered first. As I am new to Bootstrap Studio I have tagged this here. I know that you can change the order of the same file types but is there a way to change the order of CSS vs JS? However, I’m not sure if this is it because in another function I am successfully updating the style.display from ‘none’ to ‘blocked’.

StackOverflow has offered questions similarly worded to my title. Some of them involved properly retrieving the element, and wrapping the function in a window.onload. Both of which I think have working. There is a window.addEventListener('load', function); call at the top of my JS files, and other functions called from that work properly. I have also console logged to check that tabs I am event listening for are being selected successfully and correctly, and the same for the <div id=’tabDib’&gt; I want to change the property of. I have also tried having no default color and changing/adding the new colors in my JS function.

Does the issue lie somewhere in code or logic? Any advice would be appreciated. I know this was long, thank you for reading.

tl;dr Trying to change the styling of an HTML element using a js function but the color is not changing. This sounds like a basic issue but I haven’t found anything that has works.

我最近在 Bootstrap 工作室开发了一个表单，我想在我的 Angular 应用程序中使用它。我生成了一个组件来托管导出的 html 代码表单引导工作室，并将其全部放入组件文件中。我现在有一个看起来像这样的结构是我的文件目录。

index.html、login.html、profile.html、register.html 和 table.html 都是 Bootstrap studio 生成的所有 html 文件。我想在我的应用程序中使用配置文件 HTML，所以我将该代码复制到我的 user-profiles.component.html 文件中，使其看起来像这样

我的 user-profiles.component.ts 文件看起来像这样

所以我相信这仍然可以工作，但我收到以下错误

我不知道这个错误是什么意思或如何解决任何提示将不胜感激

我在 Bootstrap Studio 工作，想了解 Bootstrap (v4.x) 和 flexbox。Flexbox 并没有让事情变得更容易。正如许多人已经尝试过的，并在 Stack 上问过，我也试图让列正常运行......到目前为止还没有运气。

桌面视图
徽标 | 搜索栏 | 图标

移动视图（sm 及以下）
徽标 | 图标
搜索 (100%)

除了正确的事情之外，我已经尝试了所有可能的东西......我玩过 flexbox 'order'/ push/pull 等......

也许我从错误的角度接近这个......'他们'说引导程序是'移动优先'。那么代码一定要写成“Logo|icons|Search”还是桌面方式？

我正在使用应用程序“Bootstrap Studio”来构建我的html,css. 它总是将静态文件夹生成为“资产”。

也在使用FLASK，它总是将静态文件夹搜索为“静态”。并且很难将资产文件夹重命名为“静态”..轻轻地。是否可以将静态文件夹名称更改为：FLASK 中的“资产”。? 变成这样：

我正在尝试将带有边框和按钮的文本居中放置在一行中（例如我尝试制作的布局图像并且一次又一次地失败。我尝试过使用 2 列布局、一行和两列布局，简单div、container...等。谁能帮我把这两件事集中在一条线上。

我使用bootstrap studio创建了一个HTML我需要用于flask.

HTML 页面运行良好，所有资产都在asset目录中工作。

我设置了烧瓶app.py，将/asset目录移动index.html到烧瓶/templates中render_template。HTML 正在加载，但缺少资产。

我阅读了一篇博客并将资产文件夹复制到该/static目录但无法正常工作。

这是app.py

这是输出

我的树是这样的

我在 Bootstrap Studio 中使用 HTML 和 CSS 制作了我的网站

这是我的网站在 PC 上的样子：

当在移动设备上查看时，我尝试使用@media 来放大一个盒子：

但它不起作用：

为什么它不起作用？

我有一些从 bootstrap studio 生成的网页，可以正常显示。

一页有一个带有提交按钮的表单。在我的服务器上，php 处理表单值，然后需要提供一个新网页。我可以让它为页面提供服务，但是服务器路径错误并且 css 文件不加载。

我的 php 文件位于名为“php”的目录下一层。html 文件位于顶层。

我试过了

这将显示页面，但没有 css 格式。

我想我需要设置一些服务器环境路径，但不确定哪个或如何。

编辑：获取样式表的链接如下所示：

问题：我正在使用Stylish Portfolio模板在Bootstrap Studio中设计一个快速网站。我无法NavItem从组件中编辑默认值（主页、关于、服务等），Navbar如下图所示。

通过双击该组件可以轻松编辑其他组件。但是，NavBar 默认是隐藏的，只有当我们点击汉堡图标时才会显示。因此，我无法编辑NavBar.

这是Bootstrap Studio编辑器的屏幕截图。

我尝试过的：通过Convert to HTML选项将组件转换为 HTML，Bootstrap Studio 提供了相应的原始 HTML 文件进行编辑，我能够从那里更改值。但是，我认为必须有更好的方法来直接在 Bootstrap 工作室中编辑元素。我错过了什么？请帮忙！

我在 Bootstrap 中创建了一个联系表单，现在我的问题是如何让用户与之交互，以便发送他写的消息。到目前为止，我所做的是创建一个自定义代码来编写相应的代码。但是下一步是什么，有人对我有提示吗，我该如何解决这个任务？

我也已经在 BSS 中使用智能表单本身进行了尝试，但正在考虑如何使用 javascript。