========= LEFT ========= <div class="input-group mb-4"><div class="input-group-prepend"><span class="input-group-text">$</span><span class="input-group-text">0.00</span></div><input type="text" class="form-control" aria-label="Amount (to the nearest dollar)"></div>========= RIGHT ========= <div class="input-group mb-4"><input type="text" class="form-control" aria-label="Amount (to the nearest dollar)"><div class="input-group-append"><span class="input-group-text">$</span><span class="input-group-text">0.00</span></div></div>

========= LEFT ========= <div class="input-group mb-4"><div class="input-group-prepend"><button class="btn btn-secondary dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Dropdown </button><div class="dropdown-menu"><a class="dropdown-item" href="javascript:void(0);">Action</a><a class="dropdown-item" href="javascript:void(0);">Another action</a><a class="dropdown-item" href="javascript:void(0);">Something else here</a><div role="separator" class="dropdown-divider"></div><a class="dropdown-item" href="javascript:void(0);">Separated link</a></div></div><input type="text" class="form-control" aria-label="Text input with dropdown button"></div>========= RIGHT ========= <div class="input-group mb-4"><input type="text" class="form-control" aria-label="Text input with dropdown button"><div class="input-group-append"><button class="btn btn-secondary dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Dropdown </button><div class="dropdown-menu"><a class="dropdown-item" href="javascript:void(0);">Action</a><a class="dropdown-item" href="javascript:void(0);">Another action</a><a class="dropdown-item" href="javascript:void(0);">Something else here</a><div role="separator" class="dropdown-divider"></div><a class="dropdown-item" href="javascript:void(0);">Separated link</a></div></div></div>

========= LEFT ========= <div class="input-group mb-4"><div class="input-group-prepend"><button type="button" class="btn btn-info">Action</button><button type="button" class="btn btn-outline-info dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><svg>... </svg></button><div class="dropdown-menu"><a class="dropdown-item" href="javascript:void(0);">Action</a><a class="dropdown-item" href="javascript:void(0);">Another action</a><a class="dropdown-item" href="javascript:void(0);">Something else here</a><div role="separator" class="dropdown-divider"></div><a class="dropdown-item" href="javascript:void(0);">Separated link</a></div></div><input type="text" class="form-control" aria-label="Text input with segmented dropdown button"></div>========= RIGHT ========= <div class="input-group mb-4"><input type="text" class="form-control" aria-label="Text input with segmented dropdown button"><div class="input-group-append"><button type="button" class="btn btn-outline-info">Action</button><button type="button" class="btn btn-info dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><svg>... </svg></button><div class="dropdown-menu"><a class="dropdown-item" href="javascript:void(0);">Action</a><a class="dropdown-item" href="javascript:void(0);">Another action</a><a class="dropdown-item" href="javascript:void(0);">Something else here</a><div role="separator" class="dropdown-divider"></div><a class="dropdown-item" href="javascript:void(0);">Separated link</a></div></div></div>

========= LEFT ========= <div class="input-group mb-4"><div class="input-group-prepend"><button class="btn btn-primary" type="button">Button</button></div><input type="text" class="form-control" placeholder="" aria-label=""></div>========= RIGHT ========= <div class="input-group mb-4"><input type="text" class="form-control" placeholder="Recipient's username" aria-label="Recipient's username"><div class="input-group-append"><button class="btn btn-primary" type="button">Button</button></div></div>========= LEFT ========= <div class="input-group mb-4"><div class="input-group-prepend"><button class="btn btn-outline-primary" type="button">Button</button><button class="btn btn-outline-primary" type="button">Button</button></div><input type="text" class="form-control" placeholder="" aria-label=""></div>========= RIGHT ========= <div class="input-group mb-4"><input type="text" class="form-control" placeholder="Recipient's username" aria-label="Recipient's username"><div class="input-group-append"><button class="btn btn-outline-primary" type="button">Button</button><button class="btn btn-outline-primary" type="button">Button</button></div></div>