How to give handlers to the bootstrap divs?

[Dhinakar]

Since widgets are heavy, we can use the divs of bootstrap like the way below.

<ui:UiBinder xmlns:ui='urn:ui:com.google.gwt.uibinder' xmlns:b='urn:import:org.gwtbootstrap3.client.ui'

    xmlns:g="urn:import:com.google.gwt.user.client.ui" xmlns:b.html='urn:import:org.gwtbootstrap3.client.ui.html'>

    <g:HTMLPanel>

        <h3 style='color: green'>Example 1</h3>

        <nav class="navbar navbar-default">

            <div class="container-fluid">

                <div class="navbar-header">

                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar"

                        aria-expanded="false" aria-controls="navbar">

                        <span class="sr-only">Toggle navigation</span>

                        <span class="icon-bar"></span>

                        <span class="icon-bar"></span>

                        <span class="icon-bar"></span>

                    </button>

                    <a class="navbar-brand" href="#">Project name</a>

                </div>

Please someone help me to know the way of giving handlers to the divs. For example to the NavbarBrand in the example above.

Thanks in advance.

[Steven Jardine]

Just add the GwtBootstrap3 widget to the place where you want to add a handler.