close button on popover

Question

i have below code and i need to addd close button (x) on popover for each three popovers ,can any one help me how to do this
<div class="row">
            @*<div class="col-lg-1 popper" title="Note" data_toggle="popover">sdsda*@
            <div class="col-lg-1">
                <i class="ShowToolTip popper fa fa-eye LabTaskClass28  LabTaskClassforShowHideCol77"   title="No task result for note"  data_toggle="popover" style="/*! width: 1px !important; */"><span class="close-popover float-right text-danger "></span></i>
                <div class="popper-content" style="display:none">
                    <div class="form-group">
                        <label title="Task name">Task name
                        </label>
                            <input type="text"
                                   class="form-control">
                        <label title="Message">
                          Message
                        </label>
                        <input type="text"
                               class="form-control" placeholder="Limited to 100 Characters">
                        <button class="btn-save btn btn-primary btn-sm" style="background-color:maroon !important">Close</button>
                        <button class="btn-save btn btn-primary btn-sm" style="background-color:darkslategrey !important">SAve</button>
                    </div>
                    <button type="submit" class="btn btn-default btn-block">
                        Submit
                    </button>
                </div></div>
            <div class="col-lg-1">
                <i class="ShowToolTip popper fa fa-eye LabTaskClass28 LabTaskClassforShowHideCol77" title="No task result for review" data_toggle="popover" style="/*! width: 1px !important; */"></i>
                @*<div class="popper-content" style="display:none">My Review popover content goes here.</div>*@
                <div class="popper-content" style="display:none">
                    <div class="form-group">
                        <label title="Task name">
                            Task name
                        </label>
                        <input type="text"
                               class="form-control">
                        <label title="Message">
                            Messagessd
                        </label>
                        <input type="text"
                               class="form-control" placeholder="Limited to 100 Characters">
                        <button class="btn-save btn btn-primary btn-sm" style="background-color:maroon !important">Close</button>
                        <button class="btn-save btn btn-primary btn-sm" style="background-color:darkslategrey !important">SAve</button>
                    </div>
                    <button type="submit" class="btn btn-default btn-block">
                        Submit
                    </button>
                </div>
            </div>
            <div class="col-lg-1">
                <i class="ShowToolTip popper fa fa-eye LabTaskClass28 LabTaskClassforShowHideCol77" title="Warning" data_toggle="popover" style="/*! width: 1px !important; */"></i>
                @*<div class="popper-content" style="display:none">My Review popover content goes here.</div>*@
                <div class="popper-content" style="display:none">
                    <div class="form-group">
                        <label title="">
                            Task not complete yet to repeat
                        </label>
                        <button class="btn-save btn btn-primary btn-sm" style="background-color:maroon !important">Close</button>
                    </div>
                </div>
            </div>
                </div>