Where communities thrive

  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
Repo info
    Ankush Katiyar
    Screenshot 2022-04-22 at 11.31.59 AM.png
    I'm using react bootstrap dropdown, but when i open it, it stuck on top
    i used drop left, but no luck
    anyone know how turn a bootstrap card into png?
    Hello, I want learning to bootstrap because I want to join.
    I'm up for Bootstrap react projects
    BlockChain & Web developer


    Hi, as a senior react developer, I am looking for a new job opportunity.

    Here are my skills and experiences.

    • 7 years of experience with React, Redux
    • very familiar with webpack, npm
    • practical experience with converting Figma design into react components by focusing reusability and optimization
    • skilled in unit testing with Jest
    • very familiar with agile development(github, bitbucket, jira, asana, slack etc)


    Can anyone please help me out with my code? The problem is that I am creating a Calorie Meter but when I click the Calculate button the respected code is not running.
    Andrei Balan
    Hello there!
    Good day devs pls I'll like to ask Js question I hope it's not an issue seeing that this a bootstrap room.. Is it 100% bad to put a Js event in another event.
    bolaji ogidan
    @doniecliff ask
    Good day devs, I'd like to get some advice/direction if anyone is willing to help a noob. I'm making a website for a school and I'd like to know how to make a gallery page as well as a news page... like a place where all their recent news and updates occur. The owner insists on those two pages being separate
    I am happy to join here
    Is this the official chat room?
    @klein-17 what lang/Library are u using (asking, if i could join) 😂, have u built the basic UIs??
    @bolajiscott yes sir thanks, i was asking if its bad to put a addEventListener inside another addEventListener.. (i 🤔 of it again, and saw it wasn't a good idea)
    Hello everyone
    How can I set my avatar here?
    Adam Santiago
    Almin Sirbic

    Hello devs pls I'll like to ask 'React' question I hope it's not an issue seeing that this a bootstrap room..

    I get this error in my react app: ErrorOverlay.setEditor Handler is not a function at ./node_modules/react-dev-utils/webpackHotDevClient.js

    What does this mean?
    Could anyone help me with this?
    sorry i'am beginner with react.

    Liyakat Shaikh
    @Almiiinn first define setEditor function. it says setEditor is not function, make it function\
    @Almiiinn sorry I mean Handler is not a function
    wealthy kidd
    ahhh. Got in finally. Checked all the boxes, as in the link. (Didn't notice that before with stumble guys online)
    David Junior
    Alberto Enrique Franco Ferreiro
    Hello, I just integrated Bootstrap v5.2 into CHEMISWEB Studio (https://www.chemisweb.com) online development IDE, just finished Grid System and Utilities. I have put it as a global package. Does any user here want to test them and notify me of any bugs?

    We are senior IT Engineers. Please check at https://itdevs.wixsite.com/greate-it-solution

    We have developed dozens of projects.

    We strictly ensure qualification of our product and am always faithful to customer service.

    We are very punctual and We have a good communication skills


    I'm new to Bootstrap, I've gone through various tutorials and really like what it offers.
    One think i'm not grasping to well, is how to make the actual api call?
    I have created and api in Go and now I want to start to send requests to it but I'm not finding allot of material on how exactly to do so, could you please point me towards a concrete example??

    What I have now is I just created my own javascript file and I'm using the fetch api to do the actual call, I'm pretty sure there is an easier way to achieve this!

    here is a code stub from my project
    const createGlassBox = document.getElementById('createGlassBox');
    if (createGlassBox) {
        createGlassBox.addEventListener('submit', event => {
            var glassBoxId = document.getElementById('glassBoxId').value;
            var localName = document.getElementById('localName').value;
            var glassBoxData = document.getElementById('glassBoxData').value;
            console.log("glassBoxId: ", glassBoxId);
            console.log("localName: ", localName);
            console.log("glassBoxData: ", glassBoxData);
            var path = 'inventory/glassbox/' + glassBoxId + '/' + localName;
            //const payload = { name: glassBoxId, localName: projectDescription };
            //console.log("payload: ", payload);
            //console.log("path: ", path)
            const createGlassBoxResponse = apiCall("POST", path, glassBoxData, false);
            console.log("createGlassBoxResponse: ", createGlassBoxResponse);
    const apiCall = async (method, path, payload, isJson) => {
        var url = '' + path
        contentType = isJson ? 'application/json' : 'text/plain'
        let options = {
            //credentials: 'omit',
            headers: {
                //'Content-Type': 'application/json',
                'Content-Type': contentType,
                //'Accept': 'application/json',
                'Authorization': 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VybmFtZSI6Im5ldyB1c2VybmFtZTIiLCJlbWFpbCI6InRvbW1pQGxhdXJhLm5ldCIsImV4cCI6MTY3MDM2Nzg4MH0.7QAO-KhjESRbHWSM6g8NL2_fXFTssI7LCDnRAuGvr28'
          if ( method === 'POST' ) {
            //url += '?' + ( new URLSearchParams( params ) ).toString();
            //options.body = JSON.stringify( payload );
            options.body = isJson ? JSON.stringify(payload) : payload;
          console.log("options: ", options);
        await fetch(url, options)
        .then((response) => response.json())
        .then((data) => {
          console.log('Success:', data);
        .catch((error) => {
          console.error('Error:', error);
    I'm a newbie to frontend development and I am trying to add a time picker to a static bootstrap+jQuery website. I can't use any cdn since the application is going to be deployed in an isolated environment. I've tried using tempus dominus but it is missing UI elements in Firefox on windows but working fine in chromium on linux. Any idea how to get tempus dominus to work with bootstrap 5?
    Gary AT
    🚀 A collection of tips to help you improve your CSS skills 🪐
    guys anyone knows how to fix dropdown bootstrap menu that don't works?

    // controllo della variabile di sessione
    if (isset($_SESSION['post_added']) && $_SESSION['post_added']):
    $robo = $_SESSION['email'];


    <div class="alert alert-primary mt-3 bg-dark" role="alert" id="alert-id">
    <span class="closebtn" onclick="this.parentElement.style.display='none';">×</span>
    Postato con successo!

    $(document).ready(function() {

    setTimeout(function() {
    document.getElementById("alert-id").style.display = "none";
    }, 3000);


    <?php unset($_SESSION['post_added']); ?>
    <?php endif; ?>


    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script type="text/javascript" src="style.js"></script>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Forum" />
    <link href="https://fonts.cdnfonts.com/css/oi" rel="stylesheet">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js" integrity="sha384-w76AqPfDkMBDXo30jS1Sgez6pr3x5MlQ1ZAGC+nuZB+EYdgRZgiwxhTBTkF7CXvN" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js" integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.min.js" integrity="sha384-mQ93GR66B00ZXjt0YO5KlohRA5SY2XofN4zfuZxLkoj1gXtW8ANNCe9d5Y3eG5eD" crossorigin="anonymous"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

    <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
    <a class="navbar-brand" href="#">JJ</a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">

    <span class="navbar-toggler-icon"></span>
    <div class="collapse navbar-collapse" id="navbarNav">
    <ul class="navbar-nav me-auto">
    <li class="nav-item active">
    <a class="nav-link" href="index.php">Home</a>
    <li class="nav-item">
    <a class="nav-link" href="inserisci_articolo.php">Scrivi</a>
    <li class="nav-item">
    <a class="nav-link" href="contatti.php">Contatti</a>
    <li class="nav-item">
    <a class="nav-link" href="info.php">Info</a>
    <div class="d-flex">
    echo "<a href='login.php' class='btn btn-secondary'>ACCEDI</a>";
    echo "<p2 class='me-2 mt-2' style='color: rgba(255, 255, 255, 0.55);'>Benvenuto "."<span3 style='color:#fff'>".$_SESSION['email']."</span3>"."</p2>";
    echo "<a href='logout.php' class='btn btn-secondary me-3'>LOGOUT</a>";



    <body style='background: black;'>

    // connessione al database
    $host = 'localhost';
    $user = 'my_thatjoe';
    $password = '';
    $dbname = 'my_thatjoe';

    $conn = mysqli_connect($host, $user, $password, $dbname);

    if (!$conn) {
    die('Errore di connessione: ' . mysqli_connect_error());

    // seleziona tutti gli articoli del blog
    $query = "SELECT * FROM articles ORDER BY created_at DESC";
    $result = mysqli_query($conn, $query);
    if (mysqli_num_rows($result) > 0) {
    while($row = mysqli_fetch_assoc($result)) {

    $title = $row['title'];
    $body = $row['body'];
    $author = $row['author'];
    $created_at = $row['created_at'];
    $img = $row['pfp'];
    // visualizza l'articolo
    echo "<div class='box'>";
    echo "<div class='row'>";
    echo "<div class='col-2'>";
    echo "</div>";
    echo "<div class='col'>";
    Kimber Martin
    I'd like to get some advice/direction if anyone is willing to help a noob. I'm making a website for a school and I'd like to know how to make a gallery page as well as a news page... like a place where all their recent news and updates occur. The owner insists on those two pages being separate. https://www.myccpay.one/
    Marisol Yotta
    bronko lino
    dooes anyone have good js skills and can help me out with a function for a resourceplanner to position elemnts according to the represnted dates?
    Aashrith Katukuri
     const positionElements = (elements, startDate, endDate) => {
      // Get the width of the container element
      const containerWidth = document.getElementById("container").offsetWidth;
      // Calculate the number of days between the start and end dates
      const totalDays = (endDate - startDate) / (1000 * 60 * 60 * 24);
      // Higher-order function to calculate width and left position
      const calculatePosition = (start, end) => {
        const width = (end - start) / (1000 * 60 * 60 * 24) / totalDays * 100;
        const left = (start - startDate) / (1000 * 60 * 60 * 24) / totalDays * 100;
        return { width, left };
      // Use map() to apply calculatePosition to each element
      const elementPositions = elements.map(element => {
        const { startDate, endDate } = element;
        return calculatePosition(new Date(startDate), new Date(endDate));
      // Use forEach() to set the style properties of each element
      elementPositions.forEach((position, index) => {
        elements[index].style.width = position.width + "%";
        elements[index].style.left = position.left + "%";
    Animesh Raj

    Hello Everyone

    I am new to open source contribution.
    I already know java , my tech stacks & tools includes C, C++ , Python , Java, JavaScript , HTML , CSS , SQL , Bootstrap, ReactJS, ExpressJS, NodeJS & Git . I need a little help from your side to contribute to these amazing projects.
    I need advice and help
    Currently I am Final Year of my Engineering