As a newcomer to Bootstrap and CSS, I'm aware that my question might reflect my lack of experience in these areas.
Here is my query:
Scenario: I am utilizing Bootstrap along with the [Grayscale theme] to create a basic tool that will assist my students in using Coursera more efficiently.
The code snippet I am working with is as follows:
<div>
<form class="form-inline">
<div class="container">
<div class="row">
<div class="col-xl-4">
<input type="text" class="from-control" placeholder="Enter the link to your course">
<button type="button" class="btn btn-primary">Download Videos</button>
</div>
</div>
</div>
</form>
</div>
Challenges:
- The text entered in the textbox is not visible. I have confirmed that text has been inputted into the box and the default text color has not been altered.
- I am unable to adjust the size of the text area. Despite trying various options like
col-xs-1,col-xs-2, the size remains the same. The only change observed is the positioning of the textbox and button on the page. Can you shed light on why this might be happening?
Your assistance with this matter would be greatly appreciated! I have attempted to find solutions to similar questions but have not been successful in resolving this issue.
Thank you so much!
Raf