Issue
Work asked me to do some work on this older app that no one really manages anymore. One thing that the client had asked for was to remove this black dot in the top right of the header:
Here is the code for that:
<div class="row">
<div class="col-md-1" style="background-color: #F6861F"></div>
<div class="col-md-1" style="background-color: #DD1372"></div>
<div class="col-md-2" style="background-color: #41AD49"></div>
<div class="col-md-2" style="background-color: #00AAC0"></div>
<div class="col-md-2" style="background-color: #D32027"></div>
<div class="col-md-2" style="background-color: #F49AC1"></div>
<div class="col-md-1" style="background-color: #EBB700"></div>
<div class="col-md-1" style="background-color: #00ADE4">■</div>
</div>
First of all, what even is this in the last col? ■
If I remove that the entire colored row there disappears all together. How can I get rid of that black dot? Is there not a cleaner way to do this in the first place?
Solution
You can use
instead of ■
or set height
to col element.
Using
<div class="row"> <div class="col-md-1" style="background-color: #F6861F"></div> <div class="col-md-1" style="background-color: #DD1372"></div> <div class="col-md-2" style="background-color: #41AD49"></div> <div class="col-md-2" style="background-color: #00AAC0"></div> <div class="col-md-2" style="background-color: #D32027"></div> <div class="col-md-2" style="background-color: #F49AC1"></div> <div class="col-md-1" style="background-color: #EBB700"></div> <div class="col-md-1" style="background-color: #00ADE4"> </div> </div>
Using
height
attribute
<div class="row">
<div class="col-md-1" style="background-color: #F6861F" />
<div class="col-md-1" style="background-color: #DD1372" />
<div class="col-md-2" style="background-color: #41AD49" />
<div class="col-md-2" style="background-color: #00AAC0" />
<div class="col-md-2" style="background-color: #D32027" />
<div class="col-md-2" style="background-color: #F49AC1" />
<div class="col-md-1" style="background-color: #EBB700" />
<div class="col-md-1" style="height: 20px; background-color: #00ADE4" />
</div>
Answered By - ChanHyeok-Im
0 comments:
Post a Comment
Note: Only a member of this blog may post a comment.