I'm developing a component for the front end (Joomla 3.x version).
I have used Bootstrap 3 for all the component views. I know Joomla is using bootstrap 2, so I unset the bootstrap 2 css & js files in my componentname.php
and added the bootstrap 3 CSS and Javascript files.
The text box is not showing correctly (height of the text box is very low) and the form fields are 100% width.
How can I solve the text box problem and reduce the width of form controls ?
Thanks in advance.
componentname.php
$script = JURI::Root(true).'/media/jui/js/bootstrap.min.js';
unset ($script);
$css = JURI::Root(true).'/media/jui/css/bootstrap.min.css';
unset ($css);
views/viewname/default.php
<div class="form-group">
<label for="parent_id" class=" hasTooltip required">Add Group</label>
<select name="parent_id" class="inputbox" id="parent_id" size="1">
<option value="1">yes</option>
<option value="0">No</option>
</select>
</div>
<div class="form-group">
<label for="firstname" class=" hasTooltip required" title="">Enter First name</label>
<input class="form-control" type="text" name="firstname" id="firstname" />
</div>
<div class="form-group">
<label for="lastname" class=" hasTooltip required" title="">Enter First name</label>
<input class="form-control" type="text" name="lastname" id="lastname" />
</div>
<div class="form-group">
<label for="sub_fmt" class=" hasTooltip required" title="">Enter Long Text</label>
<textarea name='sub_fmt' id='sub_fmt' rows='3' class="form-control" cols='40'></textarea>
</div>