HTML Element with Bootstrap

0 favourites
  • 4 posts
From the Asset Store
Get ready to dive into a sea of endless excitement with "Dolphin Jump," the thrilling new game that puts you in control
  • 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?

  • 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
  • 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.

  • 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.

Jump to:
Active Users
There are 1 visitors browsing this topic (0 users and 1 guests)