Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
    Thomas
    @tomatau
    Hello anyone alive in here?
    Jesse Wood
    @idream3
    I am following this thread...
    mronoffon
    @mronoffon
    where is everyone?
    bravo-kernel
    @bravo-kernel
    yes, quite empty space here ;)
    the irc channel mentioned on support looks dead, am I correct in that it is abandonded?
    mronoffon
    @mronoffon
    quite in here (seeing tumbleweeds)
    Chris Dzoba
    @dzoba
    This message was deleted
    Kun Ran
    @rankun203
    Hey?
    NOBODY??
    I want to ask a question before I go to fire an issue..
    Mika75
    @mika75
    hello
    Jemma Tiongson
    @jemmamariex3
    hello everyone! its kind of late here in my end but i was wondering if anyone knew how to add/use npm react-bootstrap package. i couldn’t find an easy step by step tutorial to incorporate that with react. I’m using this create-react-app package and i want to use react-bootstrap to design my components. anyone have any idea? https://github.com/facebookincubator/create-react-app
    Vahid Panjganj
    @vpanjganj
    Hi guys
    has any one done a full width responsive nav bar successfully
    seems really buggy
    it opens automatically in mobile mode, and when I close it , it just hides the container and the nav bar links stay visible
        <Navbar inverse fixedTop fluid >
          <Navbar.Header>
            <Navbar.Brand>
              <Link to="/" >React</Link>
            </Navbar.Brand>
            <Navbar.Toggle />
          </Navbar.Header>
          <Navbar.Collapse>
            <Nav>
              <LinkContainer to="/demo"><NavItem eventKey={ 1 } >Link</NavItem></LinkContainer>
              <LinkContainer to="/demo"><NavItem eventKey={ 2 } >Link</NavItem></LinkContainer>
              <NavDropdown eventKey={ 3 } title="Dropdown" id="basic-nav-dropdown" >
                <MenuItem eventKey={ 3.1 } >Action</MenuItem>
                <MenuItem eventKey={ 3.2 } >Another action</MenuItem>
                <MenuItem eventKey={ 3.3 } >Something else here</MenuItem>
                <MenuItem divider />
                <MenuItem eventKey={ 3.3 } >Separated link</MenuItem>
              </NavDropdown>
            </Nav>
            <Nav pullRight >
              <LinkContainer to="/demo"><NavItem eventKey={ 1 } >Link Right</NavItem></LinkContainer>
              <LinkContainer to="/demo"><NavItem eventKey={ 2 } >Link Right</NavItem></LinkContainer>
            </Nav>
          </Navbar.Collapse>
        </Navbar>
    Avinash Devarakonda
    @avinashdvv
    how to open dropdown onhover , can any one give an example
    ShadowGit
    @Shadowman4205
    Hello guys, who know how config the carousel fade(transition)?
    ShadowGit
    @Shadowman4205

    @avinashdvv

    .dropdown:hover .dropdown-menu {
    display: block;
    }

    nerkartushar8
    @nerkartushar8
    I am using react-boilerplate, how can I use react-bootstrap with react-boilerplate? Please help . thanks in advance.
    Fernando Giarritiello
    @fgiarritiello
    I was using react-bootstrap until yesterday, then I switched to antd. they have a more responsive community
    Syed Muhammad Ali Gardezi
    @Gardezi1
    Hello guys is anybody online i need to ask something
    Carlos Nah
    @RA9
    Hi guys
    aditya-dikonia
    @aditya-dikonia

    Hi,
    i am using the react bootstrap tabs from the below npm package
    https://www.npmjs.com/package/react-bootstrap-tabs
    I added the tabs in my page and when i change the tab its working fine. But when any state change then automatically first tab selected.Can anyone help me to fix this issue I want to know how i can stay on the selected tab when any state variable value change on same page.
    Code is here
    import {Tabs, Tab} from 'react-bootstrap-tabs';
    constructor(props, context) {
    super(props, context);

    this.handleSelect = this.handleSelect.bind(this);
    
    this.state = {
        key: 1
    };

    }

    handleSelect(key) {
    alert(selected ${key});
    this.setState({ key });
    }
    render() {
    return (

        <Tabs
        activeKey={this.state.key}
        onSelect={this.handleSelect}
        id="controlled-tab-example"
        >
        <Tab eventKey={1} label="Tab 1">
            Tab 1 content
        </Tab>
        <Tab eventKey={2} label="Tab 2">
            Tab 2 content
        </Tab>
        <Tab eventKey={3} label="Tab 3" disabled>
            Tab 3 content
        </Tab>
        </Tabs>
    );

    }

    RajaSekhar K
    @krajasekhar
    Hi,
    I am importing a bootstrap theme (bootswatch) in a react app using
    import 'bootswatch/dist/solar/bootstrap.min.css';
    but my whole application got applied with this theme and I want to use this theme only for a single component but not for its parent components. How can I do it please help?
    Hussein Zaki
    @Hussein90
    hi to @all
    BM
    @muzakparov
    Hello everyone, I have a dumb question.
    In react-bootstrap's source code what is the point of ThemeProvider and why createBootstrapComponent used all over the codebase?
    BM
    @muzakparov
    ?
    aditya-dikonia
    @aditya-dikonia
    Whats the best way to include external css and js in reactJS?
    In the index.html with style and script tags or by using import?
    Neal
    @nstanard
    Hello! Is anybody familiar with Gatsby + React + React Bootstrap and their WWW site available?
    Neal
    @nstanard
    warn Multiple node fields resolve to the same GraphQL field ComponentProp.description - [description, description___NODE]. Gatsby will use description___NODE.
    Anybody familiar with this - I’d like to better understand how the React Bootstrap Gatsby WWW site reads the annotations and generates the GraphQL - is anybody available and familiar with thie project enough to give me a quick rundown?
    Lioxor64
    @lioxor64

    Hello, my name is Liora and I am currently hunting open source projects for company NeuraLegion (www.neuralegion.com)
    We just launched a free annual subscription for open source projects for our AIAST tool NexPloit.

    If you are interested, please, reach us on opensource@neuralegion.com!

    Thank you for your time and consideration! If you have any questions, please do not hesitate to contact us!

    Best,

    Alexandra Ojha
    @polyglotpiglet
    Hi - does anyone know the recommended way to manage 'active' state on navbars? https://react-bootstrap.github.io/components/navbar/
    James Davis
    @jdavis61

    Hello, is there a way to close the react/bootstrap modal using a key other than escape? If not what attributes does Modal support besides the ones listed here: https://react-bootstrap.github.io/components/modal/#modal-props

    Thank you in advance for your response,

    Sincerely,

    James Davis