HTML Element with Bootstrap

Post reply

❤Follow Topic(3)

0 favourites

4 posts

From the Asset Store

Element Magic Hit

$25 USD

🙌 Element Magic Hit Sound Pack comes with 805 high-quality sound effect

jbobsound

- emoticon
- - Joined 19 Jun, 2014
  - 24 topics • 132 posts
- 1
- 29 Jan, 2024
- Quote
Maybe this sounds silly , but I'm really lazy about writing my own CSS.

So I thought about using bootstrap as a style.

But I couldn't find where to embed external source for the css, so, I put the huge amount of bootstrap css source code into file.css.

Is it worth it, or are there any side effects to this?
Tagged:

bootstrap
css
html-element
style

XHXIAIEIN
- Joined 26 Mar, 2016
- 26 topics • 158 posts
2

29 Jan, 2024
Quote

For example, import bootstrap file into project 'Files' folder

bootstrap.min.css
bootstrap.min.js
bootstrap.bundle.min.js

you can also organize folders according to your preferences

Then reference them in HTML and fill in the correct path.

<html>
<head>
 <link href="../dist/css/bootstrap.min.css" rel="stylesheet">
 <script src="../dist/js/bootstrap.bundle.min.js"></script>
</head>
<body>
 <div class="container">
		<button type="button" class="btn btn-primary">Primary</button>
		<button type="button" class="btn btn-secondary">Secondary</button>
		<button type="button" class="btn btn-success">Success</button>
		<button type="button" class="btn btn-danger">Danger</button>
		<button type="button" class="btn btn-warning">Warning</button>
		<button type="button" class="btn btn-info">Info</button>
		<button type="button" class="btn btn-light">Light</button>
		<button type="button" class="btn btn-dark">Dark</button>
		<button type="button" class="btn btn-link">Link</button>
 </div>
</body>
</html>

Then, load the HTML file through AJAX and display it in the HTML element object.

Here is an example

cdn.discordapp.com/attachments/225550155531812865/1201611568903901265/test-HTMLElement-with-bootstrap.c3p

Try Construct 3

Develop games in your browser. Powerful, performant & highly capable.
Try Now Construct 3 users don't see these ads
- emoticon
- - Joined 19 Jun, 2014
  - 24 topics • 132 posts
- 1
- 30 Jan, 2024
- Quote
Whoa... I previously thought HTML Elements were elements within the application body itself.

I didn't know that we could create complete HTML using HTML, HEAD and BODY tags.

Is this legit?

Thank you for your example. It works like a charm.
- emoticon
- - Joined 19 Jun, 2014
  - 24 topics • 132 posts
- 1
- 30 Jan, 2024
- Quote
I made a few changes to the HTML:

(links to external site)

...and Event Sheet:

...and it worked fine too.

You save my day XHXIAIEIN, thank you.