Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
    Ankush Katiyar
    @ankushkatiyar
    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
    nolanbruner
    @nolanbruner
    anyone know how turn a bootstrap card into png?
    purwahire
    @purwahire
    Hello, I want learning to bootstrap because I want to join.
    anush
    @anu1982a_anu_twitter
    doniecliff
    @doniecliff
    I'm up for Bootstrap react projects
    BlockChain & Web developer
    @blkdot

    Hello,

    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)

    Thanks

    belt-basya
    @belt-basya
    SARADA PRASANNA KANUNGO
    @Spkanungo
    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.
    anu7anu
    @anu7anu
    Andrei Balan
    @ANDREI12333
    Hello there!
    doniecliff
    @doniecliff
    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
    @bolajiscott
    @doniecliff ask
    klein-17
    @klein-17
    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
    Ghost
    @ghost~630764206da03739849bc382
    I am happy to join here
    Andy
    @AndyFang36
    Is this the official chat room?
    doniecliff
    @doniecliff
    @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)
    dervaux1
    @dervaux1
    Hello everyone
    hopeyongjun
    @hopeyongjun
    How can I set my avatar here?
    Adam Santiago
    @mhdadam6_gitlab
    @AOKOdesign
    Almin Sirbic
    @Almiiinn

    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.

    sandra22design
    @sandra22design
    Hi
    Liyakat Shaikh
    @MaybeSHAH
    @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
    @Oshane_309_twitter
    :)
    namanh-dot
    @namanh-dot
    ahhh. Got in finally. Checked all the boxes, as in the link. (Didn't notice that before with stumble guys online)
    David Junior
    @davidanold
    Hello
    sbhagat
    @sbhagat:isbweb.io
    [m]
    Test
    Alberto Enrique Franco Ferreiro
    @Alberto89748784_twitter
    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?
    Topbot
    @great-it-solution
    Hello

    Hello,
    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
    Thanks

    JBHolmes
    @jonbr

    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 => {
            console.log("---createGlassBox---");
            event.preventDefault();
            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) => {
        //preventDefault();
        var url = 'http://127.0.0.1:8080/' + path
        contentType = isJson ? 'application/json' : 'text/plain'
        let options = {
            //credentials: 'omit',
            method,
            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);
        });
    }
    Rajesh
    @rajeshpachaikani_gitlab
    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?
    包包
    @baobao-1997
    .
    Gary AT
    @garu2
    🚀 A collection of tips to help you improve your CSS skills 🪐
    https://github.com/garu2/Skills-CSS
    ThatJoe
    @Thatjoeee
    guys anyone knows how to fix dropdown bootstrap menu that don't works?

    <?php
    session_start();
    // 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!
    </div>

    <script>
    $(document).ready(function() {
    $(".dropdown-toggle").dropdown();
    });

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

    </script>

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

    <head>

    <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>
    </button>
    <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>
    <li class="nav-item">
    <a class="nav-link" href="inserisci_articolo.php">Scrivi</a>
    </li>
    <li class="nav-item">
    <a class="nav-link" href="contatti.php">Contatti</a>
    </li>
    <li class="nav-item">
    <a class="nav-link" href="info.php">Info</a>
    </li>
    </ul>
    <div class="d-flex">
    <?php
    if(empty($_SESSION['email'])){
    echo "<a href='login.php' class='btn btn-secondary'>ACCEDI</a>";
    }else{
    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>";
    }



    ?>
    </div>
    </div>
    </nav>

    </head>

    <body style='background: black;'>
    <?php

    // 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
    @kimbermartin_gitlab
    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
    @nnmrvla_twitter
    hi
    vaskotrade
    @vaskotrade
    Hello
    w1p0nk
    @w1p0nk
    Hii
    bronko lino
    @bronkolix3000_gitlab
    Hello
    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
    @aashrith
    @bronkolix3000_gitlab
     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
    @itsarraj

    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

    _