JSFiddle - React, Tailwind, and code Playground

by Joshua Dwire

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.0/bootstrap.min.js"></script>
<h1>Section 2</h1>

<h1>DIV Form</h1>

<div id="associated2" class="container">
    <section>
    <div class="row">
        <div id="associatedComputers" class="col-md-2">
        <!--- Start: Computer_Service_Request --->
        <form name="ecsrForm" action="sr_ticket.cfm" target="_top" method="post">
            <input name="Equipment_CCCID" type="hidden" value="">
            <input name="Equipment_Type" type="hidden" value="Computer">
            <input name="pAction" type="hidden" value="">
        </form>
            <section>
                <div class="row">
                    <div class="sectionLabel col-md-4 col-sm-4 col-xs-4">
<!---
                        <image border="0" src="images/restore.gif" alt="edit (popup)">
--->
                        <a href="javascript: searchComputerServiceRequest();">Add</a>
                        <a href="javascript: searchComputerServiceRequest();" class="ContentLink" id="content">Add</a>
                    </div><!--End sectionLabel -->
                    <div class="sectionHeader col-md-8">
                        <p>Associated Computer(s)</p>
                    </div>
                </div>
                <div class="row outputRow">
                    <div class="outputLabel col-md-4 col-sm-4 col-xs-4">
                        <image border="0" src="images/restore.gif" alt="edit (popup)">
                        <a href="javascript: getComputer(#Equipment_CCCID#);" class="ContentLink" id="content">
                            <span>#Serial_Number#<span>
                        </a>
                    </div><!--End outputLabel -->
                    <div class="outputValue col-md-8">
                        <span>#Manufacturer# #Model#</span>
                        <div class="outputDelete">
                            <a href="javascript: deleteComputerServiceRequest(#Equipment_CCCID#);">
              ...

CSS

@import url('https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css');
@import url('https://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css');

.container {
    margin-top: 10px;
}

#associated2 a{
    z-index:9;
    position:relative;
}